/* ============================================================ FISHKOOL — RTL overrides (Arabic only) Loaded exclusively when . Mirrors the LTR-physical properties enumerated from base/components/responsive.css; brand visuals, photos and Western digits stay unmirrored. ============================================================ */ /* Skip link: dock to the right edge */ [dir="rtl"] .skip-link { left: auto; right: var(--space-md); } /* Mobile drawer (<768px, 与 responsive.css 断点对齐):slide in from the left。必须包媒体查询:桌面端 responsive.css 以 transform:none 重置抽屉, 若此处无条件覆盖会把桌面导航也 translateX(-100%) 推出视口(2026-08-17 事故) */ @media (max-width: 767px) { [dir="rtl"] .site-nav { right: auto; left: 0; transform: translateX(-100%); } [dir="rtl"] .site-nav--open { transform: translateX(0); } } /* Floating CTAs: dock left */ [dir="rtl"] .floating-cta { right: auto; left: var(--space-lg); } /* Select chevron: left side, mirrored padding */ [dir="rtl"] .form-select { background-position: left 1rem center; padding-right: 0.5rem; padding-left: 2.5rem; } /* Modal close button: top-left */ [dir="rtl"] .modal__close { right: auto; left: var(--space-md); } /* Footer link hover nudge: pushes right instead of left */ [dir="rtl"] .site-footer__nav a:hover { padding-left: 0; padding-right: 4px; } /* Right-aligned text for copy blocks (LTR sources use text-align:left) */ [dir="rtl"] .site-footer__bottom, [dir="rtl"] .product-specs__table th, [dir="rtl"] .product-specs__table td, [dir="rtl"] .process-step { text-align: right; } /* Header language dropdown: open toward the left edge */ [dir="rtl"] .lang-switcher__menu { right: auto; left: 0; }