/* Phase 9 — HI/UR language switch + Urdu RTL */
.lang-switch{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.lang-switch a,.lang-switch .lang-current{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:44px;min-width:44px;padding:8px 12px;border-radius:999px;
  border:1px solid var(--rule,#d7c8bc);text-decoration:none;font-size:14px;background:#fff;
}
.lang-switch .lang-current{background:var(--wine,#5a2f3f);color:#fff;border-color:transparent}

/* Fabric masthead: keep 4-way switcher on one row */
.utility.lang-switch{
  flex-wrap:nowrap;gap:4px;max-width:min(100%,220px);justify-content:flex-end;
}
.utility.lang-switch a,
.utility.lang-switch .lang-current{
  min-width:40px;min-height:40px;padding:6px 8px;font-size:12px;line-height:1.1;
}

html:lang(hi) body{font-family:"Noto Sans Devanagari",system-ui,sans-serif}
html:lang(ur) body{
  font-family:"Noto Nastaliq Urdu","Noto Naskh Arabic","Geeza Pro",serif;
}
html[dir=rtl] .utility,html[dir=rtl] .lang-switch{flex-direction:row-reverse}
html[dir=rtl] .masthead,html[dir=rtl] .fabric-nav-inner,html[dir=rtl] .ih-top,
html[dir=rtl] .crumb ol,html[dir=rtl] .row-btns,html[dir=rtl] .intro-quicklinks{
  flex-direction:row-reverse;
}
html[dir=rtl] .fabric-page-nav[data-enhanced] .fabric-nav-brand{margin-right:0;margin-left:auto;text-align:right}
html[dir=rtl] .mobile-dock{direction:rtl}

/* Keep Latin addresses, phones, and English-only lines readable under RTL */
html[dir=rtl] .addr,
html[dir=rtl] .sv-addr,
html[dir=rtl] .st-eid,
html[dir=rtl] .visit-ph,
html[dir=rtl] .street-sign,
html[dir=rtl] .ln1,
html[dir=rtl] .ln2,
html[dir=rtl] a[href^="tel:"],
html[dir=rtl] a[href^="mailto:"],
html[dir=rtl] .hours-en,
html[dir=rtl] .door-hours .st-eid,
html[dir=rtl] .fabric-hero-addr,
html[dir=rtl] .intro-addr,
html[dir=rtl] .intro-place,
html[dir=rtl] .landing-hours,
html[dir=rtl] .clip-hours,
html[dir=rtl] .hours-text,
html[dir=rtl] .hours-status,
html[dir=rtl] .hours,
html[dir=rtl] address,
html[dir=rtl] .street-pin{
  direction:ltr;
  unicode-bidi:isolate;
}
html:lang(ur) a[href^="tel:"],html:lang(hi) a[href^="tel:"],
html:lang(ur) .addr,html:lang(hi) .addr,
html:lang(ur) .sv-addr,html:lang(hi) .sv-addr{
  font-variant-numeric:lining-nums;
}

/* Mixed Urdu/Hindi + Western time digits */
html[dir=rtl] .st-sub,
html[dir=rtl] .st-reg,
html[dir=rtl] .door-hours .st-txt,
html[dir=rtl] .clip-hours,
html[dir=rtl] .hours-text,
html[dir=rtl] .landing-hours,
html[dir=rtl] .hours-status,
html[dir=rtl] .hours{
  unicode-bidi:isolate;
  direction:ltr;
  text-align:center;
}
html[dir=rtl] .intro-place{text-align:center}

/* Dock: keep visible & centered under RTL; mirror actions */
html[dir=rtl] .dock{
  direction:rtl;
  /* keep same centering as LTR: left 50% + translateX(-50%) */
  transform:translateX(-50%) !important;
}
html[dir=rtl] .dock a{ unicode-bidi:isolate; }
/* When photo-dock covers on fold, still allow dock after scroll (site JS). Ensure not blank. */
html[dir=rtl] .dock a.lang{ font-size:14px; }

/* Local Noto faces — ONLY referenced from hi/ur pages via this sheet */
@font-face{
  font-family:"Noto Sans Devanagari";
  font-style:normal; font-weight:400 700; font-display:swap;
  src:local("Noto Sans Devanagari"), local("NotoSansDevanagari");
}
@font-face{
  font-family:"Noto Naskh Arabic";
  font-style:normal; font-weight:400 700; font-display:swap;
  src:local("Noto Naskh Arabic"), local("NotoNaskhArabic");
}
@font-face{
  font-family:"Noto Nastaliq Urdu";
  font-style:normal; font-weight:400 700; font-display:optional;
  src:local("Noto Nastaliq Urdu"), local("NotoNastaliqUrdu");
}
/* Prefer Naskh for UI chrome speed; Nastaliq for long prose */
html:lang(ur) body{ font-family:"Noto Naskh Arabic","Noto Nastaliq Urdu","Geeza Pro",serif; }
html:lang(ur) .sell, html:lang(ur) h1, html:lang(ur) h2{
  font-family:"Noto Nastaliq Urdu","Noto Naskh Arabic",serif;
}

/* v6n17 — RTL skip link: left:-9999px creates ~10,000px of scrollable overflow under dir=rtl
   (Android Chrome widens the layout viewport and shows a blank page). Visually hide with clip instead. */
html[dir=rtl] .skip:not(:focus){left:auto;right:auto;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
html[dir=rtl] .skip:focus{left:auto;right:12px}

/* v6n17 — search sheet Close ("بند کریں" / "बंद करें") stays on one line at phone widths */
html .shop-search .search-heading [data-search-close]{flex:none;white-space:nowrap}
html .shop-search .search-heading h2{min-width:0}