/* ============================================================================
   LAVIN Fashion — "Luxe Lift" refinement layer
   Goal: lighter, airier, quieter luxury. Lift dark surfaces to champagne/ivory,
   calm loud sale badges, add breathing room, refine type. Loaded LAST.
   Palette: copper #8E5735 · espresso #692F19 · gold #A5813E · rose #CC976B
            champagne #CBB29E · light champ #EFE7DD · ivory #F9F7F1 · white #fff
   ============================================================================ */

:root{
  --lx-ivory:#F9F7F1; --lx-champ:#EFE7DD; --lx-champ-2:#F4EEE6; --lx-line:#E7DDD0;
  --lx-copper:#8E5735; --lx-espresso:#5A4233; --lx-ink:#42332A; --lx-muted:#8C7B6C;
}

/* ---------- 1) Lift the dark TOP BAR -> soft champagne ---------- */
.header-top,
.header-top .header-top-wrapper,
.mobile-menu-header{
  background:var(--lx-champ) !important;
  border-bottom:1px solid var(--lx-line);
}
.header-top, .header-top a, .header-top span,
.header-top .ship-tip, .header-top .ship-tip a,
.header-currency-switcher .current-currency,
.header-account a, ul.topmenu>li>a{
  color:var(--lx-espresso) !important;
  text-shadow:none !important;
}
.header-account a:hover, ul.topmenu>li>a:hover,
.header-currency-switcher .current-currency:hover{ color:var(--lx-copper) !important; }
/* language switcher chips on light bar */
.lavin-lang-switch a{ color:var(--lx-muted) !important; }
.lavin-lang-switch a.current-lang, .lavin-lang-switch a:hover{
  color:#fff !important; background:var(--lx-copper) !important; opacity:1 !important;
}

/* ---------- 2) Header: airier, lighter cart button ---------- */
#header .header-main{ padding-top:14px; padding-bottom:14px; }
.btn-cart, .btn-primary.btn-cart, .header-cart .btn-cart{
  background:transparent !important; border:1px solid var(--lx-copper) !important;
  color:var(--lx-copper) !important; box-shadow:none !important;
}
.btn-cart:hover, .btn-primary.btn-cart:hover{ background:var(--lx-copper) !important; color:#fff !important; }

/* ---------- 3) Quiet, refined SALE badges ---------- */
.onsale, .product .onsale, span.onsale{
  background:#fff !important; color:var(--lx-copper) !important;
  border:1px solid var(--lx-copper) !important; box-shadow:none !important;
  font-size:.62rem !important; font-weight:600 !important; letter-spacing:.06em;
  padding:3px 9px !important; min-height:0 !important; min-width:0 !important;
  line-height:1.6 !important; border-radius:999px !important;
}
.onsale:before{ display:none !important; }

/* ---------- 4) Breathing room — calm the crowding ---------- */
body{ line-height:1.75; }
.container, .header-wrapper, .footer-wrapper .container{ }
.woocommerce ul.products, .products{ gap:34px 26px; }
.woocommerce ul.products li.product, .products li.product{
  margin-bottom:34px !important; padding-bottom:6px;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.products li.product h2, .products li.product h3{
  margin:14px 0 8px !important; line-height:1.5; font-size:1rem;
}
.woocommerce ul.products li.product .price{ margin-top:4px; }
/* generous section rhythm */
.home-section, .main-content > section, .shop-content, .products-block,
.woocommerce-products-header, .term-description{ padding-top:8px; padding-bottom:8px; }
#main, .main-content{ padding-top:10px; }
.feature, .feature .text{ line-height:1.8; }

/* ---------- 5) Refined typography ---------- */
h1,h2,h3,.section-title,.products-block-title,.widget-title,.product_title,.entry-title{
  font-weight:500 !important; letter-spacing:.06em; color:var(--lx-ink) !important;
}
h1,.product_title{ letter-spacing:.04em; }
.section-title, .products-block-title{ font-size:1.9rem; margin-bottom:1.6rem; }
/* thin elegant divider under section titles */
.section-title:after, .products-block-title:after{
  content:""; display:block; width:54px; height:1px; margin:14px auto 0;
  background:linear-gradient(90deg,transparent,var(--lx-copper),transparent);
}
html[dir="rtl"] .section-title, html[dir="rtl"] .products-block-title{ letter-spacing:0; }

/* prices: lighter, calmer */
.woocommerce ul.products li.product .price,
.woocommerce div.product p.price, .price{ color:var(--lx-copper) !important; font-weight:500; }
.woocommerce del{ color:var(--lx-muted) !important; opacity:.7; font-weight:300; }
.woocommerce ins{ text-decoration:none; }

/* ---------- 6) Buttons — refined, less heavy ---------- */
.btn-primary, .woocommerce a.button.alt, .woocommerce button.button.alt,
.woocommerce input.button.alt, .single_add_to_cart_button, .button.add_to_cart_button{
  letter-spacing:.08em !important; font-weight:500 !important; text-transform:none;
  border-radius:3px !important; box-shadow:none !important; padding:.7em 1.6em !important;
}
.products li.product .button, .products li.product .add_to_cart_button{
  background:transparent !important; border:1px solid var(--lx-copper) !important;
  color:var(--lx-copper) !important;
}
.products li.product .button:hover, .products li.product .add_to_cart_button:hover{
  background:var(--lx-copper) !important; color:#fff !important;
}

/* ---------- 7) Lift the FOOTER -> warm ivory (was dark) ---------- */
.footer-wrapper{ background:var(--lx-champ-2) !important; border-top:1px solid var(--lx-line); padding:54px 0 30px; }
.footer-wrapper .divider{ background:var(--lx-line) !important; }
.footer-widgets{ color:var(--lx-espresso) !important; }
.footer-widgets .widget-title{ color:var(--lx-copper) !important; letter-spacing:.14em; font-size:.8rem; font-weight:600; }
.footer-widgets .widget a, .footer-widgets a{ color:var(--lx-espresso) !important; }
.footer-widgets .widget a:hover, .footer-widgets a:hover{ color:var(--lx-copper) !important; }
.footer-absolute{ background:#EAE1D5 !important; color:var(--lx-muted) !important; }
.footer-absolute-primary, .footer-absolute-secondary, .footer-absolute a{ color:var(--lx-espresso) !important; }
/* social icons on light footer */
.footer-widgets .adswst-social-icons a, .footer .social-icons a{ color:var(--lx-copper) !important; }
.back-to-top{ background:#fff !important; color:var(--lx-copper) !important; border:1px solid var(--lx-copper) !important; }
.back-to-top:hover{ background:var(--lx-copper) !important; color:#fff !important; }

/* ---------- 8) Quiet borders, soft cards, gentle shadows ---------- */
.woocommerce ul.products li.product img, .product-thumb img{ border-radius:4px; }
.card, .product-categories li, .widget{ border-color:var(--lx-line) !important; }
*{ scrollbar-color:var(--lx-champagne) transparent; }

/* ---------- 8b) Hide the demo "SUPER SALE 80% OFF" countdown (misleading, off-brand).
   Re-enable from Customizer when running a real, honest promotion. ---------- */
.countdown-wrap, .home-countdown, .main-countdown, .countdown-section,
.section-countdown, .home-sale-countdown{ display:none !important; }

/* ---------- 9) Newsletter / subscribe block — airy ---------- */
.subscribe-section, .newsletter, .stay-up-to-date{ background:var(--lx-champ) !important; padding:48px 0; }

/* ---------- 10) Search field — softer ---------- */
.search-field, .search_form input[type="text"]{ border-color:var(--lx-line) !important; border-radius:3px; }

@media (max-width:768px){
  .woocommerce ul.products, .products{ gap:22px 16px; }
  .section-title, .products-block-title{ font-size:1.5rem; }
}