/* Rechts-nach-links (Persisch, Arabisch). Wird nur geladen, wenn die gewaehlte Sprache rtl ist. Grundsatz: Der Browser spiegelt Textfluss, Flex- und Grid-Reihenfolge schon selbst, sobald gesetzt ist. Hier stehen ausschliesslich die Stellen, an denen das Grunddesign feste Seiten benutzt (left/right) und deshalb nicht von allein mitwandert. Nicht gespiegelt werden bewusst: alle "left:50%" mit translateX(-50%) - das sind Zentrierungen, keine Ausrichtungen. */ /* --- Grundausrichtung --- */ body { text-align: right; } /* Zahlen, Preise, Codes und Telefonnummern bleiben von links nach rechts, sonst stehen Ziffern und Vorwahlen in falscher Reihenfolge. */ .price, .formatted-number-input, .phone-number-input, input[type="tel"], input[type="email"], input[type="url"], input[type="number"], code, kbd, samp { direction: ltr; text-align: right; } /* --- Kopfzeile --- */ .skip-link { left: auto; right: 20px; } /* Zaehler am Warenkorb- und Glockensymbol haengen an der Aussenkante. */ .notif-badge, .cart-count { right: auto; left: -10px; } /* --- Akzentstreifen an Karten und Hinweisen --- */ .flash-message, .alert { border-left: 0; border-right: 3px solid; } /* --- Sprachumschalter --- */ /* inset-inline-end im Grunddesign regelt die Seite bereits selbst, hier nur die Ausrichtung der Eintraege. */ .lang-menu a, .mobile-lang-item { flex-direction: row; } /* --- Formulare --- */ .field label { text-align: right; } /* Symbol im Eingabefeld links, Auge zum Aufdecken des Passworts rechts - beides muss die Seite tauschen, sonst liegt das Auge auf den Punkten. */ .input-icon { left: auto; right: 18px; } .password-toggle { right: auto; left: 18px; } .form-input { padding-left: 18px; padding-right: 40px; } @media (max-width: 640px) { .page-login .input-icon, .page-register .input-icon { left: auto; right: 16px; } .page-login .password-toggle, .page-register .password-toggle { right: auto; left: 10px; } .page-login .form-input, .page-register .form-input { padding-left: 16px; padding-right: 49px; } } /* --- Gemischter Text waehrend der Uebersetzungsphase --- Solange noch tuerkische Saetze auf einer arabischen Seite stehen, wandern Satzzeichen an die falsche Satzseite (".Toptan" statt "Toptan."). plaintext laesst jeden Absatz seine Richtung am eigenen ersten Buchstaben festmachen. Kann wieder raus, sobald alle Texte uebersetzt sind. */ p, li, td, th, h1, h2, h3, h4, h5, h6, label, .muted, .flash-message { unicode-bidi: plaintext; text-align: start; } /* --- Listen --- */ ul, ol { padding-left: 0; padding-right: 22px; }