/* ApadanaSol — per-language typography + LTR mirroring.
   Loaded on every page AFTER rtl.css. When the visitor picks a non-Persian market the storefront must
   feel like a site built natively for that language: a Latin luxury serif for headings + a clean sans
   for body (Cormorant Garamond + Inter), a proper Japanese stack for ja, left-to-right layout, Latin
   numerals. Persian (fa, base market) is untouched — it keeps Estedad + RTL exactly as before. */

/* ---- self-hosted Latin fonts (small latin subsets) ---- */
@font-face{font-family:'Cormorant Garamond';src:url('/apadanasol/fonts/Cormorant-500.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:'Cormorant Garamond';src:url('/apadanasol/fonts/Cormorant-600.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:'Cormorant Garamond';src:url('/apadanasol/fonts/Cormorant-700.woff2') format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:'InterAP';src:url('/apadanasol/fonts/Inter-400.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'InterAP';src:url('/apadanasol/fonts/Inter-500.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:'InterAP';src:url('/apadanasol/fonts/Inter-600.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:'InterAP';src:url('/apadanasol/fonts/Inter-700.woff2') format('woff2');font-weight:700;font-display:swap}

/* ---- per-language font families (set variables on <html>) ---- */
html[data-apad-lang="en"],
html[data-apad-lang="de"],
html[data-apad-lang="fr"],
html[data-apad-lang="es"],
html[data-apad-lang="tr"]{
  --apad-font-body:'InterAP','Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
  --apad-font-head:'Cormorant Garamond','Playfair Display',Georgia,'Times New Roman',serif;
}
html[data-apad-lang="ja"]{
  --apad-font-body:'InterAP','Hiragino Sans','Hiragino Kaku Gothic ProN','Yu Gothic','Noto Sans JP','Meiryo',sans-serif;
  --apad-font-head:'Hiragino Mincho ProN','Yu Mincho','Noto Serif JP','Hiragino Sans','Yu Gothic',serif;
}

/* apply body font everywhere the theme + rtl.css force Estedad (rtl.css uses !important, so match it) */
html[data-apad-lang]:not([data-apad-lang="fa"]) body,
html[data-apad-lang]:not([data-apad-lang="fa"]) button,
html[data-apad-lang]:not([data-apad-lang="fa"]) input,
html[data-apad-lang]:not([data-apad-lang="fa"]) select,
html[data-apad-lang]:not([data-apad-lang="fa"]) textarea,
html[data-apad-lang]:not([data-apad-lang="fa"]) optgroup,
html[data-apad-lang]:not([data-apad-lang="fa"]) .apad-card__title,
html[data-apad-lang]:not([data-apad-lang="fa"]) .price,
html[data-apad-lang]:not([data-apad-lang="fa"]) .price-item{
  font-family:var(--apad-font-body) !important;
}
html[data-apad-lang]:not([data-apad-lang="fa"]){ --font-body-family:var(--apad-font-body); --font-heading-family:var(--apad-font-head); }

/* elegant serif for the big display headings — the luxury "native language" signature.
   :not(fa) covers EVERY non-Persian market including ja (whose --apad-font-head is a Japanese Mincho
   serif stack), so Japanese headings never fall back to the Persian Estedad font. */
html[data-apad-lang]:not([data-apad-lang="fa"]) h1,
html[data-apad-lang]:not([data-apad-lang="fa"]) h2,
html[data-apad-lang]:not([data-apad-lang="fa"]) .h1,
html[data-apad-lang]:not([data-apad-lang="fa"]) .h2,
html[data-apad-lang]:not([data-apad-lang="fa"]) .banner__heading,
html[data-apad-lang]:not([data-apad-lang="fa"]) .collection-hero__title,
html[data-apad-lang]:not([data-apad-lang="fa"]) .apad-tabs button{
  font-family:var(--apad-font-head) !important;
  letter-spacing:.2px;
}
/* Cormorant is a low-x-height display serif — nudge weight/size so headings read crisp */
html[data-apad-lang="en"] .banner__heading, html[data-apad-lang="de"] .banner__heading, html[data-apad-lang="fr"] .banner__heading, html[data-apad-lang="es"] .banner__heading, html[data-apad-lang="tr"] .banner__heading,
html[data-apad-lang="en"] .collection-hero__title, html[data-apad-lang="de"] .collection-hero__title, html[data-apad-lang="fr"] .collection-hero__title, html[data-apad-lang="es"] .collection-hero__title, html[data-apad-lang="tr"] .collection-hero__title{
  font-weight:600 !important;
}

/* ============================ LEFT-TO-RIGHT MIRRORING (non-Persian markets) ============================
   The underlying Dawn/XERJOFF theme is natively LTR; rtl.css overlays RTL for the Persian base. For a
   Latin/JP market we flip it back to LTR and undo rtl.css's directional tweaks so the layout reads as a
   real English/German/… site would. Persian is never affected (guarded by html[dir="ltr"]). */
html[dir="ltr"]{direction:ltr}
html[dir="ltr"] body{direction:ltr;text-align:left}
html[dir="ltr"] .breadcrumb,
html[dir="ltr"] .product__accordion summary,
html[dir="ltr"] .banner__content,
html[dir="ltr"] .banner__box,
html[dir="ltr"] .apad-hero,
html[dir="ltr"] .apad-trust,
html[dir="ltr"] .apad-home-head,
html[dir="ltr"] .apad-home-head .apad-home-h,
html[dir="ltr"] .apad-home-head .apad-home-sub,
html[dir="ltr"] .footer__localization{text-align:left;direction:ltr}
html[dir="ltr"] .mega-menu__content{direction:ltr !important;text-align:left}
html[dir="ltr"] .apad-sub{right:auto;left:0}
html[dir="ltr"] .apad-hcat__txt{right:auto;left:18px}
html[dir="ltr"] .apad-fp-dots{right:auto;left:16px}
/* header icon groups: keep the round-5 in-flow layout but mirror the edge paddings */
html[dir="ltr"] .apad-group--left{padding-left:0;padding-right:1.5rem}
html[dir="ltr"] .apad-group--right{padding-right:0;padding-left:1.5rem}
/* mobile drawer + hamburger positions flip */
@media(max-width:989px){
  html[dir="ltr"] .header-drawer,
  html[dir="ltr"] .header__icon--menu{right:auto !important;left:10px !important}
  html[dir="ltr"] .header__icons.large-up-hide{left:auto !important;right:8px !important}
  html[dir="ltr"] .menu-drawer__menu-item,
  html[dir="ltr"] .menu-drawer summary{text-align:left !important}
  html[dir="ltr"] .menu-drawer__menu-item[style*="padding-right"]{padding-right:0 !important;padding-left:2.2rem !important}
}
/* the market bar + switcher already carry their own dir; keep them readable */
html[dir="ltr"] .apad-mkbar{direction:ltr}

/* long Latin/JP hero titles must not break mid-word (Persian never had this issue) */
html[data-apad-lang]:not([data-apad-lang="fa"]) .collection-hero__title,
html[data-apad-lang]:not([data-apad-lang="fa"]) .banner__heading{
  word-break:normal !important;overflow-wrap:normal !important;hyphens:manual;white-space:normal;
}

/* Latin/JP body copy reads better a touch larger + looser than dense Persian */
html[data-apad-lang]:not([data-apad-lang="fa"]) .apad-card__title{line-height:1.4}
html[data-apad-lang]:not([data-apad-lang="fa"]) .rte,
html[data-apad-lang]:not([data-apad-lang="fa"]) .apad-prose{line-height:1.75}

/* ======================= LTR flip for the bespoke ApadanaSol sections =======================
   i18n.css sets body→ltr, but `direction` only inherits until an element re-declares it — and the custom
   sections (blog, info/legal pages, product listing sidebar + gallery + spec table, brand landing, home
   showcase, search/account modals) were each authored `direction:rtl` for the Persian base. On a
   non-Persian market that leaves their text flowing right-to-left (periods/question marks on the wrong
   side, right-aligned sidebars) even though the chrome is LTR (client 2026-09-02: 'همه صفحات راست به چپ
   مدل هستش در صورتی که غلطه'). Flip every explicit RTL container back to LTR. Persian (html[dir=rtl])
   never matches, so the base site is untouched. */
html[dir="ltr"] .apad-blog,
html[dir="ltr"] .apad-pg,
html[dir="ltr"] .apad-shop,
html[dir="ltr"] .apad-brands-wrap,
html[dir="ltr"] .apad-home-extra,
html[dir="ltr"] .apad-promo__in,
html[dir="ltr"] .apad-dd__menu,
html[dir="ltr"] .apad-gallery,
html[dir="ltr"] .apad-related,
html[dir="ltr"] .apad-spec-table,
html[dir="ltr"] .apad-acc__box,
html[dir="ltr"] .apad-modal__box,
html[dir="ltr"] .apad-ld-row--r,
html[dir="ltr"] .apad-ld-row--r > *{direction:ltr}

/* physical right-anchored text alignment → left */
html[dir="ltr"] .apad-faq__q,
html[dir="ltr"] .apad-spec-table th,
html[dir="ltr"] .apad-spec-table td{text-align:left}
html[dir="ltr"] .apad-spec-table th{border-left:none;border-right:1px solid var(--apad-line)}

/* edge accents (gold underlines / bullets / quote borders) anchored to the right → mirror to the left */
html[dir="ltr"] .apad-intro h2::after{right:auto;left:0}
html[dir="ltr"] .apad-bp__lead{padding-right:0;padding-left:18px;border-right:0;border-left:4px solid var(--bg-gold)}
html[dir="ltr"] .apad-bp__h2{padding-right:0;padding-left:16px}
html[dir="ltr"] .apad-bp__h2::before{right:auto;left:0}
html[dir="ltr"] .apad-bp__list li{padding-right:0;padding-left:30px}
html[dir="ltr"] .apad-bp__list li::before{right:auto;left:6px}

/* the blog hard-codes the Persian Estedad font on its whole container — give a non-Persian market its own
   Latin/JP body font (headings already pick up the serif via the h1/h2 rule above). */
html[data-apad-lang]:not([data-apad-lang="fa"]) .apad-blog,
html[data-apad-lang]:not([data-apad-lang="fa"]) .apad-blog p,
html[data-apad-lang]:not([data-apad-lang="fa"]) .apad-blog a,
html[data-apad-lang]:not([data-apad-lang="fa"]) .apad-blog span,
html[data-apad-lang]:not([data-apad-lang="fa"]) .apad-blog li,
html[data-apad-lang]:not([data-apad-lang="fa"]) .apad-blog input,
html[data-apad-lang]:not([data-apad-lang="fa"]) .apad-blog button,
html[data-apad-lang]:not([data-apad-lang="fa"]) .apad-blog textarea{font-family:var(--apad-font-body) !important}