/* ============================================================
   Rechts-nach-links-Anpassungen (Arabisch)
   Das Hauptstylesheet nutzt logische Eigenschaften (inset-inline,
   padding-inline, text-align: start/end), daher bleibt hier nur
   das Nötigste.
   ============================================================ */

html[dir="rtl"] body {
    letter-spacing: 0;
    line-height: 1.9;
}

/* Großschreibung und weite Sperrung passen nicht zur arabischen Schrift */
html[dir="rtl"] .nav a,
html[dir="rtl"] .tabs a,
html[dir="rtl"] .btn,
html[dir="rtl"] label,
html[dir="rtl"] .panel-head h3,
html[dir="rtl"] table.data th,
html[dir="rtl"] .site-footer h4,
html[dir="rtl"] .hero .eyebrow,
html[dir="rtl"] .rate span,
html[dir="rtl"] .stat span,
html[dir="rtl"] .silk-label,
html[dir="rtl"] .tag,
html[dir="rtl"] .badge,
html[dir="rtl"] .countdown small,
html[dir="rtl"] .countdown .cd-label,
html[dir="rtl"] .notice-date small,
html[dir="rtl"] .brand-text b,
html[dir="rtl"] .brand-text small {
    text-transform: none;
    letter-spacing: 0;
}

/* Zahlen und lateinische Fachbegriffe immer von links nach rechts */
html[dir="rtl"] .rate b,
html[dir="rtl"] .stat b,
html[dir="rtl"] .silk-num,
html[dir="rtl"] .price,
html[dir="rtl"] .countdown b,
html[dir="rtl"] .notice-date b,
html[dir="rtl"] .rank,
html[dir="rtl"] .vote-reward,
html[dir="rtl"] code {
    direction: ltr;
    unicode-bidi: isolate;
}

/* Der Markenname bleibt lateinisch */
html[dir="rtl"] .brand-text { direction: ltr; text-align: left; }

/* Skyline spiegeln, damit die Karawane in Leserichtung zieht */
html[dir="rtl"] .orn-skyline { transform: scaleX(-1); }

/* Aufzählungsraute der Schritte sitzt sonst falsch */
html[dir="rtl"] .steps li { padding-inline-start: 46px; padding-inline-end: 0; }

/* Tabellenzellen mit gemischtem Inhalt sauber ausrichten */
html[dir="rtl"] table.data td,
html[dir="rtl"] table.data th { text-align: right; }
html[dir="rtl"] .dl dd { text-align: left; }

/* Zierlinie unter Überschriften mittig lassen */
html[dir="rtl"] .section-head h2::after { margin-inline: auto; }