/* ═══════════════════════════════════════════════════════
   GLOWÉRIEVE · FA layer — Vazirmatn webfont + RTL overrides
   Loaded after components.css; only active under [lang="fa"]
   ═══════════════════════════════════════════════════════ */

/* ── 1 · FONT ── */
@font-face {
  font-family: "Vazirmatn";
  src: url("../fonts/vazirmatn-300.woff2") format("woff2");
  font-weight: 300; font-style: normal; font-display: swap;
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0898-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC;
}
@font-face {
  font-family: "Vazirmatn";
  src: url("../fonts/vazirmatn-la-300.woff2") format("woff2");
  font-weight: 300; font-style: normal; font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215;
}
@font-face {
  font-family: "Vazirmatn";
  src: url("../fonts/vazirmatn-400.woff2") format("woff2");
  font-weight: 400; font-style: normal; font-display: swap;
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0898-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC;
}
@font-face {
  font-family: "Vazirmatn";
  src: url("../fonts/vazirmatn-la-400.woff2") format("woff2");
  font-weight: 400; font-style: normal; font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215;
}
@font-face {
  font-family: "Vazirmatn";
  src: url("../fonts/vazirmatn-500.woff2") format("woff2");
  font-weight: 500; font-style: normal; font-display: swap;
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0898-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC;
}
@font-face {
  font-family: "Vazirmatn";
  src: url("../fonts/vazirmatn-la-500.woff2") format("woff2");
  font-weight: 500; font-style: normal; font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215;
}
@font-face {
  font-family: "Vazirmatn";
  src: url("../fonts/vazirmatn-700.woff2") format("woff2");
  font-weight: 700; font-style: normal; font-display: swap;
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0898-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC;
}
@font-face {
  font-family: "Vazirmatn";
  src: url("../fonts/vazirmatn-la-700.woff2") format("woff2");
  font-weight: 700; font-style: normal; font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215;
}
@font-face {
  font-family: "Vazirmatn";
  src: url("../fonts/vazirmatn-800.woff2") format("woff2");
  font-weight: 800; font-style: normal; font-display: swap;
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0898-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC;
}
@font-face {
  font-family: "Vazirmatn";
  src: url("../fonts/vazirmatn-la-800.woff2") format("woff2");
  font-weight: 800; font-style: normal; font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215;
}

:root[lang="fa"] {
  --font-display: "Vazirmatn", "Playfair Display", Georgia, serif;
  --font-body:    "Vazirmatn", "Inter", "Segoe UI", sans-serif;
  --ls-eyebrow: 0;
  --ls-label: 0;
  --ls-tight: 0;
  --lh-tight: 1.25;
  --lh-snug: 1.4;
}

/* ── 2 · GLOBAL FA TYPOGRAPHY TUNING ── */
:root[lang="fa"] body {
  letter-spacing: 0;
  word-spacing: 0;
  line-height: 1.75;
}
:root[lang="fa"] h1, :root[lang="fa"] h2, :root[lang="fa"] h3,
:root[lang="fa"] h4, :root[lang="fa"] .logo__name {
  letter-spacing: 0;
  line-height: 1.5;
}
:root[lang="fa"] .eyebrow,
:root[lang="fa"] .kicker,
:root[lang="fa"] .overline {
  letter-spacing: 0;
  text-transform: none;
}
:root[lang="fa"] .logo__tag { letter-spacing: 0; }
:root[lang="fa"] .btn, :root[lang="fa"] .icon-btn { letter-spacing: 0; }

/* ── hero · Vazirmatn at display weight (no faux italic, no tracking) ── */
:root[lang="fa"] .hero__badge {
  letter-spacing: 0;
  text-transform: none;
  font-weight: 500;
  padding: 7px 12px 7px 14px;
}
:root[lang="fa"] .hero__title {
  font-weight: 800;
  letter-spacing: 0;
  line-height: 1.32;
}
:root[lang="fa"] .hero__accent {
  font-style: normal;   /* Vazirmatn ships no italic — kill the synth slant */
  font-weight: 800;
}
:root[lang="fa"] .hero__text {
  line-height: 1.9;
  max-width: 34rem;
}
:root[lang="fa"] .hero__chips li,
:root[lang="fa"] .hero__proof-text,
:root[lang="fa"] .hero__float span { letter-spacing: 0; }
:root[lang="fa"] .hero__float strong { font-weight: 800; }
:root[lang="fa"] input, :root[lang="fa"] textarea, :root[lang="fa"] select,
:root[lang="fa"] .field__input, :root[lang="fa"] .field__label {
  letter-spacing: 0;
}
/* keep latin fragments (prices, INCI, URLs, emails) LTR inside RTL flow */
:root[lang="fa"] .price, :root[lang="fa"] .product-card__price,
:root[lang="fa"] [data-latin] {
  direction: ltr;
  unicode-bidi: isolate;
  display: inline-block;
}

/* ── 3 · RTL GEOMETRY OVERRIDES ── */
:root[lang="fa"] .header__inner { direction: rtl; }
:root[lang="fa"] .nav { margin-left: 0; margin-right: auto; }
:root[lang="fa"] .nav__list { padding: 0; }
:root[lang="fa"] .nav__link::after { right: 0; left: 100%; }
:root[lang="fa"] .nav__link:hover::after,
:root[lang="fa"] .nav__link[aria-current="page"]::after { left: 0; right: auto; }
:root[lang="fa"] .cart-count { right: auto; left: 2px; }
:root[lang="fa"] .mobile-nav__panel { right: auto; left: 0; transform: translateX(-100%); }
:root[lang="fa"] .mobile-nav.is-open .mobile-nav__panel { transform: none; }
:root[lang="fa"] .mobile-nav__list a { transition: color var(--dur-fast) var(--ease-out-soft), padding-right var(--dur-fast) var(--ease-out-soft); }
:root[lang="fa"] .mobile-nav__list a:hover,
:root[lang="fa"] .mobile-nav__list a[aria-current="page"] { padding-left: 0; padding-right: var(--space-4); }
:root[lang="fa"] .hero__deco--leafL { left: auto; right: -2%; }
:root[lang="fa"] .hero__deco--leafR { right: auto; left: 2%; }
:root[lang="fa"] .hero__deco--spray { left: auto; right: 30%; }
:root[lang="fa"] .trust__item + .trust__item { border-left: 0; border-right: 1px solid var(--color-border); }
:root[lang="fa"] .category-card__leaf { left: auto; right: -10px; transform: rotate(24deg); }
:root[lang="fa"] .category-card:hover .category-card__leaf { transform: rotate(14deg) translateY(-3px); }
:root[lang="fa"] .product-card__badge { left: auto; right: var(--space-4); }
:root[lang="fa"] .product-card__wish { right: auto; left: var(--space-3); }
:root[lang="fa"] .promo__deco--leaf { right: auto; left: 26%; transform: rotate(-18deg); }
:root[lang="fa"] .guarantees__item + .guarantees__item { border-left: 0; border-right: 1px solid var(--color-border); }
:root[lang="fa"] .footer__col a:hover { padding-left: 0; padding-right: 4px; }
:root[lang="fa"] .page-hero__deco--l1 { left: auto; right: 4%; transform: rotate(20deg); }
:root[lang="fa"] .page-hero__deco--l2 { right: auto; left: 5%; transform: rotate(-22deg); }
:root[lang="fa"] .breadcrumb li:not(:last-child)::after { margin-left: 0; margin-right: var(--space-2); }
:root[lang="fa"] .gallery__badge { left: auto; right: var(--space-5); }
:root[lang="fa"] .split__media-badge { left: auto; right: var(--space-4); }
:root[lang="fa"] .stat + .stat { border-left: 0; border-right: 1px solid var(--color-border); }
:root[lang="fa"] .skip-link { left: auto; right: var(--space-4); }
:root[lang="fa"] .btn:hover .icon--arrow,
:root[lang="fa"] .link-arrow:hover .icon--arrow { transform: translateX(-4px); }
:root[lang="fa"] .select {
  background-position: left var(--space-5) center;
  padding-right: var(--space-5);
  padding-left: var(--space-8);
}
:root[lang="fa"] .collection-card__badge { left: auto; right: var(--space-4); }
:root[lang="fa"] .ing-alpha__label { margin-right: 0; margin-left: var(--space-2); }
:root[lang="fa"] .ing-group__count { margin-left: 0; margin-right: auto; }

@media (min-width: 1024px) {
  :root[lang="fa"] .promo__join { border-left: 0; border-top: 0; border-right: 1px solid var(--color-border-inverse); }
  :root[lang="fa"] .trust__item:nth-child(3) { border-right: 0; }
  :root[lang="fa"] .stat:nth-child(3) { border-right: 0; }
  :root[lang="fa"] .guarantees__item:nth-child(3) { border-right: 0; }
}

/* ── 4 · LANGUAGE TOGGLE BUTTON ── */
.lang-toggle {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 38px;
  padding: 0 12px;
  border: 1px solid var(--color-border-strong);
  border-radius: 999px;
  background: transparent;
  color: var(--color-ink);
  font-family: var(--font-body);
  font-size: var(--text-sm);
  font-weight: 600;
  letter-spacing: .02em;
  cursor: pointer;
  transition: border-color var(--dur-fast) var(--ease-out-soft),
              color var(--dur-fast) var(--ease-out-soft),
              background var(--dur-fast) var(--ease-out-soft);
  white-space: nowrap;
}
.lang-toggle:hover {
  border-color: var(--color-primary);
  color: var(--color-primary);
  background: var(--color-primary-tint);
}
.lang-toggle:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 2px;
}
.lang-toggle .lang-toggle__globe { width: 16px; height: 16px; flex: none; }
:root[lang="fa"] .lang-toggle { font-weight: 700; }

/* drawer + mobile nav parity */
:root[lang="fa"] .drawer .lang-toggle,
:root[lang="fa"] .mobile-nav .lang-toggle { align-self: flex-start; }

/* ── 5 · NUMBER & QUOTE POLISH ── */
:root[lang="fa"] q, :root[lang="fa"] blockquote { quotes: "«" "»" "‹" "›"; }
:root[lang="fa"] .field__label small { letter-spacing: 0; }