/* Lexi Beadz theme tweaks using theme.json palette variables */
:root {
  /* fallbacks if theme.json variables not available at load time */
  --lexi-primary: var(--wp--custom--brand--primary, #4169E1);
  --lexi-secondary: var(--wp--custom--brand--secondary, #9370DB);
  --lexi-accent: var(--wp--custom--brand--accent, #66B447);
  --lexi-accent-2: var(--wp--custom--brand--accent-2, #6495ED);
  --lexi-success: var(--wp--custom--brand--success, #228B22);
}

/* Links and buttons */
a,
.woocommerce a {
  color: var(--lexi-primary);
}
a:hover,
.woocommerce a:hover {
  color: var(--lexi-accent-2);
}

.wp-block-button__link,
.button,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.added_to_cart {
  background: var(--lexi-primary);
  color: #fff;
  border-radius: 6px;
  border: none;
}
.wp-block-button__link:hover,
.button:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.added_to_cart:hover {
  background: var(--lexi-secondary);
  color: #fff;
}

/* Onsale badge */
.woocommerce span.onsale {
  background: var(--lexi-accent);
  color: #fff;
}

/* Wishlist */
.lexi-wishlist-container { margin-top: .75rem; }
.lexi-wishlist-btn.button {
  background: transparent;
  color: var(--lexi-primary);
  border: 2px solid var(--lexi-primary);
}
.lexi-wishlist-btn.button:hover {
  background: var(--lexi-primary);
  color: #fff;
}

/* Notices */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
  border-top-color: var(--lexi-primary);
}

/* Header accents (if using block Theme header) */
.wp-block-navigation .wp-block-navigation-item__content:hover {
  color: var(--lexi-secondary);
}

/* Forms */
.woocommerce form .form-row .input-text,
.woocommerce form .form-row select {
  border-radius: 6px;
}

/* Price color emphasis */
.price,
.woocommerce-Price-amount {
  color: var(--lexi-success);
}

/* Layout */
.container { max-width: 1140px; margin: 0 auto; padding: 0 16px; }
.site-header { border-bottom: 1px solid #eee; }
.site-header__inner { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:12px 16px; }
.site-branding { display:flex; align-items:center; gap:12px; }
.site-title { margin:0; font-size:1.25rem; }
.site-description { margin:0; font-size:.875rem; opacity:.75; }
.primary-navigation ul { list-style:none; margin:0; padding:0; display:flex; gap:16px; }
.primary-navigation a { text-decoration:none; color:inherit; padding:6px 8px; border-radius:6px; }
.primary-navigation a:hover { background: var(--lexi-accent-2); color:#fff; }
.header-actions { display:flex; align-items:center; gap:12px; }
.header-wishlist .heart { color: var(--lexi-secondary); margin-right:6px; }
.site-footer { margin-top:40px; border-top:1px solid #eee; }
.site-footer__inner { max-width:1140px; margin:0 auto; padding:24px 16px; display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:16px; }
.footer-navigation ul { list-style:none; margin:0; padding:0; display:flex; gap:12px; }

/* Home (lb-) */
.lb-hero { background: linear-gradient(135deg, var(--lexi-accent) 0%, var(--lexi-accent-2) 100%); color:#fff; padding:64px 0; text-align:center; }
.lb-hero__title { margin:0 0 8px; font-size:2rem; }
.lb-hero__subtitle { margin:0 0 16px; font-size:1.125rem; opacity:.95; }
.button-outline { background:transparent; color:#fff; border:2px solid #fff; }
.button-outline:hover { background:#fff; color: var(--lexi-primary); }
.lb-section { padding:40px 0; }
.lb-section__head { text-align:center; margin-bottom:20px; }
.lb-categories__grid { display:grid; grid-template-columns:repeat(auto-fit, minmax(160px,1fr)); gap:16px; max-width:1140px; margin:0 auto; padding:0 16px; }
.lb-cat { background:#fff; border:1px solid #eee; border-radius:10px; padding:16px; text-align:center; text-decoration:none; color:inherit; transition: transform .15s ease, box-shadow .15s ease; }
.lb-cat:hover { transform: translateY(-3px); box-shadow:0 6px 20px rgba(0,0,0,.08); }
.lb-cat__img img { border-radius:8px; display:block; margin:0 auto 8px; }
.lb-cat__placeholder { font-size:32px; display:block; margin-bottom:8px; }
.lb-cat__name { font-weight:600; }
.lb-products__grid { max-width:1140px; margin:0 auto; padding:0 16px; }
.lb-usp__list { display:flex; gap:16px; justify-content:center; flex-wrap:wrap; }
.lb-quote { background:#fff; border-left:4px solid var(--lexi-secondary); padding:12px 16px; margin:8px; border-radius:6px; }
.lb-newsletter { text-align:center; }

/* Shop/PLP */
.container--shop .shop-header { display:flex; align-items:flex-end; justify-content:space-between; gap:16px; padding:24px 0; border-bottom:1px solid #eee; margin-bottom:16px; }
.shop-title { margin:0; }

/* PDP */
.container--product { padding-top:16px; }
.single-product .product .summary .price { color: var(--lexi-success); font-weight:600; }

/* Account */
.woocommerce-MyAccount-navigation ul { list-style:none; margin:0 0 20px; padding:0; display:flex; flex-wrap:wrap; gap:8px; }
.woocommerce-MyAccount-navigation a { display:block; padding:8px 12px; border:1px solid #eee; border-radius:8px; text-decoration:none; color:inherit; }
.woocommerce-MyAccount-navigation a:hover { background:var(--lexi-accent-2); color:#fff; border-color:transparent; }
.lb-account-dashboard .lb-account-actions { display:flex; flex-wrap:wrap; gap:10px; margin:16px 0; }
.lb-recent-orders { list-style:none; margin:0; padding:0; }
.lb-recent-orders li { padding:8px 0; border-bottom:1px solid #f0f0f0; }

/* Wishlist page grid enhancement */
.lexi-wishlist-grid ul.products { display:grid; grid-template-columns:repeat(auto-fit, minmax(200px,1fr)); gap:16px; }

/* Responsive */
@media (max-width: 640px){
  .site-header__inner { flex-wrap:wrap; }
  .primary-navigation ul { flex-wrap:wrap; }
  .container--shop .shop-header { flex-direction:column; align-items:flex-start; }
}


/* Fallback: ensure custom properties are defined even if earlier block fails */
:root {
  --lexi-primary: var(--wp--custom--brand--primary, #4169E1);
  --lexi-secondary: var(--wp--custom--brand--secondary, #9370DB);
  --lexi-accent: var(--wp--custom--brand--accent, #66B447);
  --lexi-accent-2: var(--wp--custom--brand--accent-2, #6495ED);
  --lexi-success: var(--wp--custom--brand--success, #228B22);
}