/* RTL-Overrides, NUR bei lang=ar geladen. Ergänzt (überschreibt NICHT) main.css.
   dir="rtl" am <html> kehrt Flex-Reihenfolge und Textfluss bereits automatisch
   um – daher KEIN flex-direction:row-reverse. Hier nur physisch (links/rechts)
   gesetzte Eigenschaften spiegeln. */

/* Pfeil in den Fach-Karten: in LTR per margin-left:auto ans rechte Ende
   geschoben; in RTL ans linke (= logische) Ende. */
.shc-arrow { margin-left: 0; margin-right: auto; }
.subject-hero-card:hover .shc-arrow { transform: translateX(-3px); }

/* Welligen Unterstrich unter dem Akzentwort rechts verankern. */
.hero-section h1 .accent::after { left: auto; right: 0; }

/* Richtungs-Icons spiegeln, damit Pfeile/Chevrons in die richtige Richtung
   zeigen. shc-arrow ist ausgenommen (eigene Hover-Transform). */
.fa-chevron-right:not(.shc-arrow),
.fa-arrow-left,
.fa-arrow-right,
.fa-right-to-bracket,
.fa-sign-in-alt,
.fa-external-link-alt {
    display: inline-block;
    transform: scaleX(-1);
}

/* Dropdown des Sprachumschalters am logischen Ende ausrichten
   (inset-inline-* in langswitch.css ist bereits RTL-fähig – hier nur
   als Absicherung für ältere Engines). */
.lang-switch ul { right: auto; left: 0; }