/* ========================================================================== RTL (Right-to-Left) overrides for Arabic version Loaded after style.css only when dir="rtl" is set on ========================================================================== */ /* -------------------------------------------------------------------------- Typography & Content -------------------------------------------------------------------------- */ .content ul, .content ol { padding-left: 0; padding-right: var(--space-lg); } .content li { padding-left: 0; padding-right: var(--space-xs); } /* -------------------------------------------------------------------------- Tables -------------------------------------------------------------------------- */ th { text-align: right; } .comparison-table th:first-child, .comparison-table td:first-child { position: sticky; left: auto; right: 0; } /* -------------------------------------------------------------------------- Content Blocks -------------------------------------------------------------------------- */ /* Example box */ .example-box { border-left: 1px solid var(--color-border-light); border-right: 4px solid var(--color-primary); } /* Expert tip */ .expert-tip { border-left: 1px solid var(--color-border-light); border-right: 4px solid var(--color-accent); } /* -------------------------------------------------------------------------- Steps (ordered list for HowTo pages) -------------------------------------------------------------------------- */ .steps > li { padding-left: 0; padding-right: 3.5rem; border-left: none; border-right: 2px solid var(--color-border); margin-left: 0; margin-right: 1rem; } .steps > li:last-child { border-right-color: transparent; } .steps > li::before { left: auto; right: -1rem; } /* -------------------------------------------------------------------------- CTA Inline (Levier B) -------------------------------------------------------------------------- */ @media (min-width: 768px) { .cta-inline__text { margin-right: 0; margin-left: var(--space-lg); } } /* -------------------------------------------------------------------------- Footer CTA (Levier C) -------------------------------------------------------------------------- */ @media (min-width: 768px) { .footer-cta__text { margin-right: 0; margin-left: var(--space-md); } } /* -------------------------------------------------------------------------- Cookie Banner -------------------------------------------------------------------------- */ @media (min-width: 768px) { .cookie-banner p { text-align: right; } } /* -------------------------------------------------------------------------- FAQ -------------------------------------------------------------------------- */ .faq summary::after { margin-left: 0; margin-right: var(--space-md); }