/* ============================================================ RTL 보정 — (아랍어 ar) 에서만 head_meta 가 로드. dir="rtl" 로 텍스트·inline·flex 행은 브라우저가 자동 반전되므로, 물리 좌표로 고정된 요소만 여기서 미러링한다. ※ 아랍어 콘텐츠 번역 후 실제 화면 기준 상세 QA 가 필요(현재는 베이스라인). ============================================================ */ /* 플로팅 퀵바: 화면 오른쪽 고정 → 왼쪽으로 */ [dir="rtl"] .float-side { right: auto; left: 10px; } [dir="rtl"] .float-side-left { left: auto; right: 8px; } [dir="rtl"] .float-btn:hover { transform: translateX(2px); } /* 전화번호·사업자번호 등 숫자/코드는 아랍어 문맥에서도 LTR 유지 */ [dir="rtl"] .footer-business span, [dir="rtl"] a[href^="tel:"] { direction: ltr; unicode-bidi: embed; } /* 히어로 캐러셀: 위치 계산(translateX·offsetLeft)이 LTR 좌표 기준이라 dir=rtl 에서 flex 행이 반전되면 슬라이드가 어긋난다 → 트랙/지표는 LTR 로 고정하고, 카드 텍스트만 RTL(우측 하단) 정렬로 되돌린다. */ [dir="rtl"] .hero, [dir="rtl"] .hero-track, [dir="rtl"] .hero-indicators { direction: ltr; } [dir="rtl"] .hero-card { justify-content: flex-end; } /* 콘텐츠를 우측 하단으로 */ [dir="rtl"] .hero-card-content { direction: rtl; text-align: right; }