/* ── Arabic (js/i18n.js, his call 2026-11-06). The Arabic letters take Lalezar (for Alfa Slab One's titles) and Cairo
   (for Zilla Slab's text, and EB Garamond's on the magazine pages) through unicode-range under the same family
   names, so no rule needs a second font. Arabic letters join, so no letter-spacing; the page runs right to left. ── */
@font-face { font-family: "Alfa Slab One"; src: url("../../fonts/new/lalezar-arabic.woff2?h=d29aca20") format("woff2"); font-display: swap;
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-08FF, U+200C-200E, U+FB50-FDFF, U+FE70-FEFC; }
@font-face { font-family: "Zilla Slab"; font-style: normal; font-weight: 500; src: url("../../fonts/new/cairo-arabic.woff2?h=4d90a59c") format("woff2"); font-display: swap; size-adjust: 112%;
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-08FF, U+200C-200E, U+FB50-FDFF, U+FE70-FEFC; }
@font-face { font-family: "Zilla Slab"; font-style: normal; font-weight: 600; src: url("../../fonts/new/cairo-arabic.woff2?h=4d90a59c") format("woff2"); font-display: swap; size-adjust: 112%;
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-08FF, U+200C-200E, U+FB50-FDFF, U+FE70-FEFC; }
@font-face { font-family: "Zilla Slab"; font-style: normal; font-weight: 700; src: url("../../fonts/new/cairo-arabic.woff2?h=4d90a59c") format("woff2"); font-display: swap; size-adjust: 112%;
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-08FF, U+200C-200E, U+FB50-FDFF, U+FE70-FEFC; }
@font-face { font-family: "Zilla Slab"; font-style: italic; font-weight: 500; src: url("../../fonts/new/cairo-arabic.woff2?h=4d90a59c") format("woff2"); font-display: swap; size-adjust: 112%;
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-08FF, U+200C-200E, U+FB50-FDFF, U+FE70-FEFC; }
@font-face { font-family: "Zilla Slab"; font-style: italic; font-weight: 600; src: url("../../fonts/new/cairo-arabic.woff2?h=4d90a59c") format("woff2"); font-display: swap; size-adjust: 112%;
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-08FF, U+200C-200E, U+FB50-FDFF, U+FE70-FEFC; }
@font-face { font-family: "Zilla Slab"; font-style: italic; font-weight: 700; src: url("../../fonts/new/cairo-arabic.woff2?h=4d90a59c") format("woff2"); font-display: swap; size-adjust: 112%;
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-08FF, U+200C-200E, U+FB50-FDFF, U+FE70-FEFC; }
@font-face { font-family: "EB Garamond"; font-style: normal; font-weight: 400; src: url("../../fonts/new/cairo-arabic.woff2?h=4d90a59c") format("woff2"); font-display: swap; size-adjust: 112%;
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-08FF, U+200C-200E, U+FB50-FDFF, U+FE70-FEFC; }
@font-face { font-family: "EB Garamond"; font-style: normal; font-weight: 700; src: url("../../fonts/new/cairo-arabic.woff2?h=4d90a59c") format("woff2"); font-display: swap; size-adjust: 112%;
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-08FF, U+200C-200E, U+FB50-FDFF, U+FE70-FEFC; }
@font-face { font-family: "EB Garamond"; font-style: italic; font-weight: 400; src: url("../../fonts/new/cairo-arabic.woff2?h=4d90a59c") format("woff2"); font-display: swap; size-adjust: 112%;
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-08FF, U+200C-200E, U+FB50-FDFF, U+FE70-FEFC; }
@font-face { font-family: "EB Garamond"; font-style: italic; font-weight: 700; src: url("../../fonts/new/cairo-arabic.woff2?h=4d90a59c") format("woff2"); font-display: swap; size-adjust: 112%;
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-08FF, U+200C-200E, U+FB50-FDFF, U+FE70-FEFC; }

/* the switch: a round fabric patch at the nav's end */
.k-lang { position: absolute; z-index: 4; right: clamp(16px, 3vw, 56px); top: calc((var(--bh, 92px) - 8px) / 2); translate: 0 -50%; pointer-events: auto;
  display: grid; place-items: center; min-width: clamp(46px, 3.6vw, 58px); height: clamp(38px, 2.9vw, 46px); padding: 0 .75em; border: 0; border-radius: 999px; cursor: pointer;
  background: #4a5f6b; box-shadow: 0 3px 8px rgba(40, 50, 60, .3);
  outline: 1.5px dashed rgba(255, 249, 239, .85); outline-offset: -6px; color: #fff9ef; text-shadow: 0 1px 2px rgba(110, 50, 30, .4);
  font: 400 clamp(17px, 1.35vw, 22px)/1 "Alfa Slab One", serif; transition: transform .45s var(--ease-back); }
.k-lang:hover { transform: rotate(-8deg) scale(1.08); }
.k-lang:lang(en) { font-size: clamp(12px, .95vw, 15px); letter-spacing: .06em; }
@media (max-width: 989px) { .k-lang { top: 27px; right: 12px; min-width: 44px; height: 36px; font-size: 16px; } }

/* Arabic */
html.k-ar-wait body { opacity: 0; }
html.k-ar body, html.k-ar body * { letter-spacing: 0 !important; }
html.k-ar .k-lang:lang(en) { letter-spacing: .06em !important; }
html.k-ar input[name="phone"], html.k-ar input[type="date"] { direction: ltr; text-align: right; }
/* the way back points right, and sits on the right; the switch moves to the left */
html.k-ar .k-back { left: auto; right: clamp(16px, 3vw, 56px); padding: .78em 1.7em .78em 1.3em; clip-path: polygon(0 0, calc(100% - 15px) 0, 100% 50%, calc(100% - 15px) 100%, 0 100%); }
html.k-ar .k-back::before { inset: 4px 17px 4px 5px; }
html.k-ar .k-back svg { scale: -1 1; }
html.k-ar .k-back:hover { translate: 5px -50%; }
html.k-ar .k-lang { right: auto; left: clamp(16px, 3vw, 56px); }
@media (max-width: 989px) { html.k-ar .k-back { right: 12px; left: auto; } html.k-ar .k-lang { left: 12px; right: auto; } }
/* Lalezar sits taller than Alfa Slab One: a little more room between its lines */
html.k-ar h1, html.k-ar h2, html.k-ar h3 { line-height: 1.3; }

/* the day / night switch keeps its own order (its knob slides by a fixed amount) */
html.k-ar .k-switch { direction: ltr; }

/* the header's tools: Sama's door to her panel, then the language switch (Duriza's account icon beside the cart) */
.k-tools { position: absolute; z-index: 4; right: clamp(16px, 3vw, 56px); top: calc((var(--bh, 92px) - 8px) / 2); translate: 0 -50%; pointer-events: auto; display: flex; align-items: center; gap: 10px; }
.k-tools .k-lang { position: static; translate: none; }
.k-acct { display: grid; place-items: center; width: clamp(38px, 2.9vw, 46px); aspect-ratio: 1; border-radius: 50%; background: #4a5f6b; box-shadow: 0 3px 8px rgba(40, 50, 60, .3);
  outline: 1.5px dashed rgba(255, 249, 239, .85); outline-offset: -5px; color: #fff9ef; transition: transform .45s var(--ease-back); }
.k-acct svg { width: 46%; height: auto; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.k-acct:hover { transform: rotate(8deg) scale(1.08); }
.k-acct.is-admin { background: #b9735c; }
@media (max-width: 989px) { .k-tools { top: 27px; right: 12px; gap: 8px; } .k-acct { width: 36px; } }
html.k-ar .k-tools { right: auto; left: clamp(16px, 3vw, 56px); }
@media (max-width: 989px) { html.k-ar .k-tools { left: 12px; right: auto; } }