/*
 * RTL overrides for the Hermes Translator theme.
 *
 * Loaded automatically AFTER style.css by WordPress when the active locale is
 * right-to-left (Arabic), via wp_style_add_data( 'hermes-style', 'rtl' ) in
 * hermes_enqueue_scripts(). WordPress only loads this file when is_rtl() is
 * true, so rules here are additive overrides of style.css.
 *
 * Starter pass (Phase 4 of the localization plan): mirrors physical left/right
 * properties for list bullets, callout borders, hero decorations, and footer
 * spacing. Flexbox/grid layouts already follow the document direction, and
 * style.css contains no text-align:left/right asymmetries. Deep visual QA with
 * a fluent Arabic reviewer is still pending — see
 * .plans/2026-09-16-website-localization.md Phase 4.
 */

/* Policy cards: bullet markers, list padding, accent border */
.policy-card:not(:has(.policy-card__header)) > ul > li::before { left: auto; right: 16px; }
.policy-card ul { padding-left: 0; padding-right: 0; }
.policy-card li { padding-left: 0; padding-right: 30px; }
.policy-card li::before { left: auto; right: 0; }
.policy-card__intro { border-left: 0; border-right: 5px solid #f87e17; }

/* Docs sections: accent border, checklist markers */
.docs-note { border-left: 0; border-right: 5px solid #f87e17; }
.docs-checklist { padding-left: 0; padding-right: 0; }
.docs-checklist li { padding-left: 0; padding-right: 44px; }
.docs-checklist li::before { left: auto; right: 16px; }

/* Hero decorative elements and app icon mirror to the opposite side */
.hero::before { left: auto; right: max(24px, calc(50% - 620px)); }
.hero::after { right: auto; left: max(30px, calc(50% - 560px)); }
.hero__app-icon { right: auto; left: -18px; }

/* Footer policy links spacing */
.site-footer__policy { margin-left: 0; margin-right: 12px; }

/* Mobile breakpoint mirrors */
@media (max-width: 768px) {
    .hero__app-icon { right: auto; left: -8px; }
    .policy-card__intro { padding-left: 0; padding-right: 14px; }
}