/*
 * Zweck: RTL-Anpassungen für arabische Sprachversion (dir="rtl")
 * Verwendet von: alle /ar/*-Seiten (conditional eingebunden in includes/header.php)
 * Abhängigkeiten: base.css (Tokens --line, --accent, --text, --t), layout.css (.nav, .header)
 */

/* === Cairo-Font für arabische Seiten === */
[dir="rtl"] body { font-family: 'Cairo', 'Segoe UI', system-ui, sans-serif; }

/* Logo behält Original-Font (lateinisches Wortmarken-Aussehen) */
[dir="rtl"] .brand-logo,
[dir="rtl"] .logo-img { font-family: inherit; }

/* === Text-Ausrichtung === */
[dir="rtl"] { text-align: right; }
[dir="rtl"] .text-left  { text-align: right; }
[dir="rtl"] .text-right { text-align: left; }

/* Sprachumschalter (.lang-switch-toggle) ist in components.css — sprach-agnostisch.
   Hinweis: flex-direction:row-reverse darf hier NICHT gesetzt werden — der Browser
   kehrt Flex-Items im RTL-Kontext bereits automatisch um. row-reverse würde diese
   Umkehr rückgängig machen und das Layout effektiv zu LTR drehen. */

/* === Pfeile in Buttons spiegeln === */
[dir="rtl"] .btn::after,
[dir="rtl"] .btn-arrow::after {
  transform: scaleX(-1);
}
[dir="rtl"] .btn::before,
[dir="rtl"] .btn-arrow::before {
  transform: scaleX(-1);
}

/* === Listen === */
[dir="rtl"] ul, [dir="rtl"] ol {
  padding-right: 1.5rem;
  padding-left: 0;
}

/* === Forms === */
[dir="rtl"] .form-group label {
  text-align: right;
}
[dir="rtl"] input[type="text"],
[dir="rtl"] input[type="email"],
[dir="rtl"] input[type="tel"],
[dir="rtl"] textarea,
[dir="rtl"] select {
  text-align: right;
  direction: rtl;
}

/* === Tabellen === */
[dir="rtl"] table th,
[dir="rtl"] table td {
  text-align: right;
}

/* === Footer === */
[dir="rtl"] .footer-grid { direction: rtl; }

/* === LTR-Inhalte in RTL-Kontext (Telefon, E-Mail, WhatsApp, IBAN, Adressen) === */
[dir="rtl"] a[href^="tel:"],
[dir="rtl"] a[href^="mailto:"],
[dir="rtl"] a[href^="https://wa.me/"],
[dir="rtl"] .ltr-text,
[dir="rtl"] .iban,
[dir="rtl"] .bic {
  direction: ltr;
  unicode-bidi: embed;
  display: inline-block;
}

/* Container, die mehrere LTR-Elemente enthalten */
[dir="rtl"] .topbar-contact a,
[dir="rtl"] .impressum-list dd,
[dir="rtl"] .form-info-list a {
  direction: ltr;
  unicode-bidi: embed;
}

/* === More-Info-Hint: dezenter Hinweis-Block am Seitenende auf AR-Seiten === */
.more-info-hint {
  margin: 3rem 0 2rem;
  padding: 1.5rem 2rem;
  background: rgba(30, 58, 95, 0.04);
  border-inline-start: 3px solid var(--accent);
  border-radius: 4px;
  font-size: 0.95rem;
}
.more-info-hint p { margin: 0 0 0.4rem; color: var(--text-soft); }
.more-info-hint .lang-link {
  display: inline-block;
  margin-top: 0.5rem;
  color: var(--accent);
  text-decoration: none;
  font-weight: 500;
}
.more-info-hint .lang-link:hover { text-decoration: underline; }

/* === FAQ-Akkordeon: Plus-Zeichen links statt rechts === */
[dir="rtl"] .faq-item summary {
  padding-right: 1.25rem;
  padding-left: 2.5rem;
}
[dir="rtl"] .faq-item summary::after {
  right: auto;
  left: 1.25rem;
}