/*
Theme Name: Lavin Fashion
Theme URI: https://lavin.fashion/
Description: LAVIN Fashion — brand child theme of DavinciWoo. Timeless Elegance: copper, gold & ivory, Tajawal/Inter/Cormorant typography, full RTL. Customizations live here so they survive parent updates.
Author: Lavin Fashion
Author URI: https://lavin.fashion/
Template: davinciwoo
Version: 2.0.0
Text Domain: davinciwoo-child
*/

/* ===========================================================================
   LAVIN FASHION — Brand base (typography, color, layout, RTL).
   Color overrides for demo Customizer values live in assets/css/lavin-colors.css
   (enqueued + a tiny late-inline patch in functions.php).
   Brand palette: copper #8E5735 · espresso #692F19 · gold #A5813E ·
                  rose-gold #CC976B · champagne #CBB29E · ivory #F9F7F1
   =========================================================================== */

:root{
  --lavin-copper:#8E5735; --lavin-espresso:#692F19; --lavin-gold:#A5813E;
  --lavin-rose:#CC976B; --lavin-blush:#C27C5D; --lavin-champagne:#CBB29E;
  --lavin-ivory:#F9F7F1; --lavin-white:#fff;
  --lavin-foil:linear-gradient(100deg,#8E5735,#A5813E,#CC976B);
  --lavin-serif:"Cormorant Garamond",Georgia,serif;
  --lavin-sans:"Inter",system-ui,sans-serif;
  --lavin-ar:"Tajawal",system-ui,sans-serif;
}

/* ---- Typography ---- */
body, button, input, select, textarea, .woocommerce, .woocommerce-page{
  font-family:var(--lavin-sans);
  color:#3A2A20;
}
h1,h2,h3,h4,.entry-title,.product_title,.section-title,.widget-title,
.products .woocommerce-loop-product__title,.page-title{
  font-family:var(--lavin-serif) !important;
  letter-spacing:.01em;
  color:var(--lavin-espresso);
}
/* Arabic → Tajawal everywhere (RTL is default language) */
html[lang^="ar"] body, html[lang^="ar"] button, html[lang^="ar"] input,
html[lang^="ar"] select, html[lang^="ar"] textarea,
html[lang^="ar"] h1, html[lang^="ar"] h2, html[lang^="ar"] h3, html[lang^="ar"] h4,
html[lang^="ar"] .product_title, html[lang^="ar"] .entry-title{
  font-family:var(--lavin-ar) !important;
}

/* ---- Warm ivory canvas ---- */
body{ background-color:var(--lavin-ivory); }
.woocommerce-page, #wrapper{ background-color:var(--lavin-ivory); }

/* ---- Buttons: soft luxe ---- */
.btn, .button, .woocommerce a.button, .woocommerce button.button,
.woocommerce input.button, .single_add_to_cart_button, .btn-primary, .btn-secondary{
  border-radius:4px !important;
  letter-spacing:.02em;
  font-weight:500;
  transition:background-color .25s ease, color .25s ease;
}

/* ---- Prices in espresso, sale price in rose ---- */
.woocommerce ins, .woocommerce .price ins{ text-decoration:none; color:var(--lavin-copper); }
.woocommerce del{ opacity:.55; }

/* ---- onsale badge: copper pill ---- */
.onsale{
  background:var(--lavin-copper) !important; color:#fff !important;
  border-radius:999px !important; letter-spacing:.04em; font-weight:500;
}

/* ---- Hairline accents in champagne ---- */
hr, .divider, .widget-title:after{ border-color:var(--lavin-champagne); }

/* ---- Links underline-on-hover, copper ---- */
a{ color:var(--lavin-copper); }
a:hover{ color:var(--lavin-espresso); }

/* ---- Header logo sizing (LAVIN mark is near-square) ---- */
.header-main .site-logo-wrap{ width:150px !important; max-width:46vw; }
.site-logo-wrap img, .logo img{ max-height:84px; width:auto; }

/* ===========================================================================
   RTL refinements (default language is Arabic)
   =========================================================================== */
html[dir="rtl"] body{ text-align:right; }
html[dir="rtl"] .woocommerce ul.products li.product,
html[dir="rtl"] .woocommerce-page ul.products li.product{ text-align:right; }
html[dir="rtl"] .star-rating{ direction:ltr; } /* keep stars LTR */

/* ===========================================================================
   LAVIN language switcher (appended into the top menu by functions.php)
   =========================================================================== */
.lavin-lang-switch{ display:inline-flex; gap:.35rem; align-items:center; }
.lavin-lang-switch a{
  display:inline-block; padding:2px 8px; border-radius:999px;
  font-size:.8rem; font-weight:600; letter-spacing:.04em;
  color:#F3EAE2; opacity:.7; text-decoration:none; line-height:1.6;
}
.lavin-lang-switch a.current-lang, .lavin-lang-switch a:hover{
  opacity:1; background:rgba(255,255,255,.16); color:#fff;
}

@media only screen and (max-width: 575px){
  .header-main .site-logo-wrap{ width:120px !important; }
}