/* Arabische Fassung (ar/index.html, dir="rtl"): Schriften und Anpassungen für Rechts-nach-links.
   Schriften (SIL Open Font License 1.1, über @fontsource): Tajawal (Fließtext, passt zu Jost) und Noto Naskh Arabic (Überschriften,
   passt zur Menü-Schreibschrift). Nur arabische Zeichen (unicode-range): lateinische Wörter wie "Fidan Beauty" oder "Hydrafacial®"
   bleiben in Jost/Italiana. Wird nur von ar/index.html geladen. */
@font-face { font-family: "Tajawal"; src: url("../fonts/tajawal-arabic-300-normal.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+0897-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: "Tajawal"; src: url("../fonts/tajawal-arabic-400-normal.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+0897-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: "Tajawal"; src: url("../fonts/tajawal-arabic-500-normal.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+0897-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: "Noto Naskh Arabic"; src: url("../fonts/noto-naskh-arabic-arabic-400-normal.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+0897-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: "Noto Naskh Arabic"; src: url("../fonts/noto-naskh-arabic-arabic-500-normal.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+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC; }

:root[lang="ar"] {
  --f-head: "Italiana", "Noto Naskh Arabic", "Cormorant Garamond", Georgia, serif;
  --f-it: "Cormorant Garamond", "Noto Naskh Arabic", Georgia, serif;
  --f-body: "Jost", "Tajawal", "Helvetica Neue", Arial, sans-serif;
}
/* Arabische Buchstaben sind verbunden: keine Sperrung */
:root[lang="ar"] body * { letter-spacing: 0 !important; }

/* Telefonnummern, Instagram-Name, E-Mail: immer von links nach rechts (sonst "17249461 0152" bzw. "fidanbatal.beauty@") */
[dir="rtl"] .kontakt__liste a, [dir="rtl"] .faq__a a[href^="tel:"] { direction: ltr; unicode-bidi: isolate; }

/* Info-Knopf und Video: Goldlinie und Einzug auf der rechten Seite */
[dir="rtl"] .info__text, [dir="rtl"] .yt { border-left: 0; border-right: 1px solid var(--gold); margin-left: 0; margin-right: 10px; padding-left: 0; padding-right: 1.1rem; }
[dir="rtl"] .gruppe--highlight .info__text, [dir="rtl"] .gruppe--highlight .yt { border-right-color: var(--gold-l); }
[dir="rtl"] .yt__knopf { padding: .45rem .7rem .45rem 1.1rem; }

/* "Weiterlesen +": Pluszeichen links vom Text */
[dir="rtl"] .weiter__knopf::after { margin-left: 0; margin-right: .6em; }

/* Bildgeschichte im Querformat gespiegelt: Text rechts (Leserichtung), Foto links, Verlauf von rechts, Kapitelpunkte links */
@media not all and (max-aspect-ratio: 1/1) {
  [dir="rtl"] .story__fg { right: auto; left: 0;
    -webkit-mask-image: linear-gradient(270deg, transparent 0, rgba(0,0,0,.08) 6%, rgba(0,0,0,.3) 12%, rgba(0,0,0,.62) 18%, rgba(0,0,0,.88) 24%, #000 30%);
            mask-image: linear-gradient(270deg, transparent 0, rgba(0,0,0,.08) 6%, rgba(0,0,0,.3) 12%, rgba(0,0,0,.62) 18%, rgba(0,0,0,.88) 24%, #000 30%); }
  [dir="rtl"] .story__verlauf, [dir="rtl"] .schritt::after { background: linear-gradient(270deg, rgba(var(--braun), .86) 0%, rgba(var(--braun), .8) 44%, rgba(var(--braun), .4) 62%, rgba(var(--braun), 0) 78%); }
  [dir="rtl"] .story--an .schritt__inhalt { left: auto; right: max(var(--pad), (100vw - var(--wrap)) / 2); }
  [dir="rtl"] .story__punkte { right: auto; left: clamp(14px, 3vw, 40px); }
}

/* Liste in den Detail-Karten: Strich rechts vor dem Text */
[dir="rtl"] .hs__liste li { padding: .2rem 1.45rem .2rem 0; }
[dir="rtl"] .hs__liste li::before { left: auto; right: 0; }