/* =============================================================================
   Damas Ecke — Arabische Speisekarte (speisekarte-ar.html, dir="rtl")
   Baut auf style.css + menu.css auf. Schrift: Cairo (wie trendup-syria.com) für
   alle arabischen Texte – Titel 700, Fließtext 400. Latein und Ziffern fallen auf
   DM Sans zurück (nur der arabische Zeichensatz von Cairo ist eingebunden).
   ========================================================================== */

:root{
  --font-ar-display:'Cairo','DM Sans','Geeza Pro','Segoe UI',Tahoma,sans-serif;
  --font-ar-text:'Cairo','DM Sans','Geeza Pro','Segoe UI',Tahoma,sans-serif;
  --font-ar:var(--font-ar-text);   /* auch die Zierzeilen (أهلاً وسهلاً …) in Cairo */
}

/* ---------- Typografie ------------------------------------------------------ */
html[lang="ar"] body{font-family:var(--font-ar-text); font-weight:400; line-height:1.7}
html[lang="ar"] h1, html[lang="ar"] h2, html[lang="ar"] h3,
html[lang="ar"] .mempty__title, html[lang="ar"] .mfoot__title{font-family:var(--font-ar-display); font-weight:700; letter-spacing:0; line-height:1.4}
/* Arabische Schrift verträgt keine Laufweite, keine Versalien und kein Kursiv */
html[lang="ar"] .eyebrow, html[lang="ar"] .btn, html[lang="ar"] .nav__list a,
html[lang="ar"] .footer__col .footer__h, html[lang="ar"] .badge{letter-spacing:0; text-transform:none}
html[lang="ar"] .eyebrow{font-size:.95rem}
html[lang="ar"] .btn{font-size:1rem}
html[lang="ar"] .nav__list a{font-size:1rem}
html[lang="ar"] .footer__col .footer__h{font-size:.95rem}
html[lang="ar"] .gold{font-style:normal; font-weight:700; padding:0; margin:0}
html[lang="ar"] .nav__ar, html[lang="ar"] .footer__ar{font-family:var(--font-ar-text); font-weight:600}
html[lang="ar"] .mhero__title{font-weight:700}
html[lang="ar"] [lang="de"]{font-family:var(--font-sans); line-height:1.5}

.mhero__title{line-height:1.25}
.mhero__lead{font-size:1.08rem; line-height:1.9}

/* Deutsche Bezeichnungen als kleine Zweitzeile – hilft beim Bestellen */
.mcat__alt{font-family:var(--font-sans); font-style:normal; font-weight:400; font-size:max(.5em,.9rem)}
.mcard__title{font-size:1.3rem; line-height:1.45}
.mcard__de{text-align:right; font-size:.8rem; color:var(--gold-soft); opacity:.85; margin:-.15rem 0 .45rem}
.mcard__desc{font-size:.93rem; line-height:1.75}
.mcard__price{font-family:var(--font-ar-text); font-weight:700}
html[lang="ar"] .badge{font-family:var(--font-ar-text); font-size:.78rem; font-weight:500; padding-inline:.7em; line-height:1.5}
.mcard__price bdi{unicode-bidi:isolate}
.mcard__price::before{background:linear-gradient(270deg,rgba(199,169,120,.35),transparent)}

/* ---------- Spiegelungen für rechts-nach-links -------------------------------- */
[dir="rtl"] .skip{left:auto; right:-9999px}
[dir="rtl"] .skip:focus{right:12px}
[dir="rtl"] .burger{margin-right:0; margin-left:-12px}
[dir="rtl"] .nav__list a::after{transform-origin:right}
[dir="rtl"] .nav__list a[dir="ltr"]{text-align:right}
[dir="rtl"] .mhero__mono{right:auto; left:-6%}
[dir="rtl"] .msearch__icon{margin-left:0; margin-right:20px}
[dir="rtl"] .msearch__clear{margin-right:0; margin-left:6px}
[dir="rtl"] .link__icon{transform:scaleX(-1)}
[dir="rtl"] .link:hover .link__icon{transform:scaleX(-1) translateX(4px)}
[dir="rtl"] .footer [dir="ltr"]{unicode-bidi:isolate}

/* ---------- Handy ---------------------------------------------------------------- */
@media (max-width:960px){
  [dir="rtl"] .nav__ar{text-align:right}
  html[lang="ar"] .nav__list a{font-family:var(--font-ar-display); font-size:clamp(1.4rem,4.2vh,1.85rem); font-weight:700; line-height:1.5}
}
@media (max-width:720px){
  .mhero__title{font-size:clamp(2rem,9vw,2.6rem)}
  .mhero__lead{font-size:1rem; line-height:1.85}
  .mcat__title{font-size:1.5rem}
  .mcard__title{font-size:1.15rem; margin-bottom:.1rem}
  .mcard__de{font-size:.74rem; margin:0 0 .3rem}
  .mcard__desc{font-size:.88rem; line-height:1.7}
  .mcard__price{font-size:1.1rem}
  .chips__list a{font-size:.95rem}
}