/* ═══════════════════════════════════════════════════════════
RTL-OVERRIDES für Arabisch (ar) und Farsi (fa)
Nur auf /ar/* und /fa/* Seiten verlinken, NACH global.css:
Aktiviert durch bzw. lang="fa" dir="rtl"
auf dem jeweiligen -Tag.
═══════════════════════════════════════════════════════════ */
[dir="rtl"] body {
font-family: 'Segoe UI', 'Tahoma', system-ui, sans-serif;
line-height: 1.9;
}
/* ─── Navigation ─── */
[dir="rtl"] .nav-inner { flex-direction: row-reverse; }
[dir="rtl"] .nav-actions { flex-direction: row-reverse; }
[dir="rtl"] .nav-mobile { text-align: right; }
[dir="rtl"] .nav-dropdown > a::after { margin-left: 0; margin-right: .2rem; }
[dir="rtl"] .nav-dropdown-menu { left: auto; right: 50%; transform: translateX(50%); }
[dir="rtl"] .nav-dropdown:hover .nav-dropdown-menu,
[dir="rtl"] .nav-dropdown:focus-within .nav-dropdown-menu { transform: translateX(50%) translateY(0); }
[dir="rtl"] .nav-dropdown-menu a { flex-direction: row-reverse; text-align: right; }
/* ─── Hero ─── */
[dir="rtl"] .hero-inner { direction: rtl; }
[dir="rtl"] .hero-content { text-align: right; }
[dir="rtl"] .hero-btns { flex-direction: row-reverse; }
[dir="rtl"] .hero-trust { flex-direction: row-reverse; }
[dir="rtl"] .hero-trust-item { flex-direction: row-reverse; }
[dir="rtl"] .hero-cards { align-items: flex-start; }
[dir="rtl"] .hero-stat { flex-direction: row-reverse; text-align: right; }
[dir="rtl"] .hero-stat:nth-child(2) { margin-right: 0; margin-left: -1.5rem; }
/* ─── Generische Bausteine ─── */
[dir="rtl"] .tag { flex-direction: row-reverse; }
[dir="rtl"] .btn { flex-direction: row-reverse; }
[dir="rtl"] .trust-bar-inner { flex-direction: row-reverse; }
[dir="rtl"] .cert-item { flex-direction: row-reverse; }
/* ─── Services / Leistungs-Karten ─── */
[dir="rtl"] .services-header { flex-direction: row-reverse; }
[dir="rtl"] .service-card { direction: rtl; text-align: right; }
[dir="rtl"] .service-link { flex-direction: row-reverse; }
[dir="rtl"] .service-corner { right: auto; left: 0; border-radius: var(--radius-xl) 0 4rem 0; }
[dir="rtl"] .lkarte { direction: rtl; text-align: right; }
[dir="rtl"] .lkarte a { flex-direction: row-reverse; }
/* ─── FAQ ─── */
[dir="rtl"] .faq-btn { flex-direction: row-reverse; text-align: right; }
[dir="rtl"] .faq-answer { text-align: right; }
/* ─── Leistungs-Hero (2-spaltig) ─── */
[dir="rtl"] .leistung-hero-content { text-align: right; }
/* ─── Rechner / Pflegekassen-Block ─── */
[dir="rtl"] .rechner-wrap { direction: rtl; }
[dir="rtl"] .rechner-left { text-align: right; }
[dir="rtl"] .rechner-right { text-align: right; }
[dir="rtl"] .rechner-feature { flex-direction: row-reverse; text-align: right; }
/* ─── "Für Angehörige" / Bild+Zitat-Sektionen ─── */
[dir="rtl"] .angehoerige-inner { direction: rtl; }
[dir="rtl"] .angehoerige-text { text-align: right; }
[dir="rtl"] .angehoerige-quote-card {
left: auto; right: -1.5rem;
border-left: none; border-right: 4px solid var(--gold);
text-align: right;
}
@media(max-width:767px) {
[dir="rtl"] .angehoerige-quote-card { right: 0; border-right: 4px solid var(--gold); border-left: none; }
}
/* ─── Stadtteil-Fact-Cards ─── */
[dir="rtl"] .facts-grid { direction: rtl; }
[dir="rtl"] .fact-card { text-align: center; } /* zentriert bleibt neutral, kein Spiegeln noetig */
[dir="rtl"] .leistungen-grid-st { direction: rtl; }
[dir="rtl"] .kosten-table { direction: rtl; text-align: right; }
[dir="rtl"] .kosten-table th, [dir="rtl"] .kosten-table td { text-align: right; }
[dir="rtl"] .st-card { text-align: right; }
[dir="rtl"] .st-card a.st-link { flex-direction: row-reverse; }
/* ─── Kontaktformular ─── */
[dir="rtl"] .form-grid { direction: rtl; }
[dir="rtl"] .form-label { text-align: right; }
[dir="rtl"] .form-input, [dir="rtl"] .form-select, [dir="rtl"] .form-textarea { text-align: right; }
/* ─── Footer ─── */
[dir="rtl"] .footer-grid { direction: rtl; }
[dir="rtl"] .footer-nav { text-align: right; }
[dir="rtl"] .footer-bottom { flex-direction: row-reverse; }
[dir="rtl"] .footer-legal { flex-direction: row-reverse; }
[dir="rtl"] .footer-logo { justify-content: flex-end; }
[dir="rtl"] .footer-addr { text-align: right; }
/* ─── Cookie-Banner ─── */
[dir="rtl"] .cookie-banner-top { flex-direction: row-reverse; text-align: right; }
[dir="rtl"] .cookie-banner-title { flex-direction: row-reverse; }
[dir="rtl"] .cookie-btns { flex-direction: row-reverse; }
[dir="rtl"] .cookie-cats { flex-direction: row-reverse; }
[dir="rtl"] .cookie-cat { flex-direction: row-reverse; }
/* ─── CTA-Kontaktblock ─── */
[dir="rtl"] .cta-contact-actions { flex-direction: row-reverse; }
[dir="rtl"] .cta-contact-phone { flex-direction: row-reverse; }
/* ─── Breadcrumb ─── */
[dir="rtl"] .breadcrumb { flex-direction: row-reverse; }
/* ─── Material Icons: immer LTR rendern (Ligaturen brechen sonst) ─── */
.mi, .mi-fill { direction: ltr; display: inline-block; }
/* ─── Ziffern/Telefonnummern/E-Mails: immer LTR einbetten ───
Klasse auf oder direkt dir="ltr" am -Tag setzen */
.ltr-num { direction: ltr; display: inline-block; unicode-bidi: embed; }
/* ─── Sprachumschalter bleibt immer LTR (Flaggen+Codes) ─── */
.lang-switcher { direction: ltr; }
.lang-switcher summary,
.lang-option { direction: ltr; }