/* ============================================================
   rtl — 아랍어 좌우 반전 보정 (지시서 9)
   레이아웃은 논리 속성(margin-inline-*, inset-inline-*, text-align: start)으로
   이미 반전되므로, 여기에는 논리 속성으로 해결되지 않는 것만 둔다.
   새 스타일을 쓸 때 physical 속성(left/right/margin-left…)을 쓰면 이 파일이 길어진다.
   ============================================================ */

[dir="rtl"] .viewer__nav--prev { transform: scaleX(-1); }
[dir="rtl"] .viewer__nav--next { transform: scaleX(-1); }

/* 진행바는 시작 지점이 반대편이 된다 */
[dir="rtl"] .viewer__progress { direction: rtl; }

/* 화살표·꺾쇠 문자를 쓰는 요소 */
[dir="rtl"] [data-mirror] { display: inline-block; transform: scaleX(-1); }

/* 숫자·날짜는 항상 좌→우로 읽는다 */
[dir="rtl"] .table td[data-numeric],
[dir="rtl"] .post-list__date,
[dir="rtl"] .viewer__count { direction: ltr; text-align: end; }

/* 라틴 문자 코드값(오류코드 등)이 뒤섞이지 않게 고정 */
[dir="rtl"] code,
[dir="rtl"] [data-ltr] { direction: ltr; unicode-bidi: isolate; }

/* ---- 방향을 가리키는 아이콘 (시안 정합 이후 추가) ----
   mask 로 그린 화살표·꺾쇠는 논리 속성으로 뒤집을 수 없다.
   아래로 향하는 셰브론(GNB 하위 메뉴, 필터 셀렉트)은 방향 중립이라 건드리지 않는다. */

/* 버튼 후행 화살표, 원형 화살표 버튼 */
[dir="rtl"] .btn__icon,
[dir="rtl"] .btn-arrow::before { scale: -1 1; }
[dir="rtl"] .btn-arrow--prev::before { scale: 1 1; }

/* 빵부스러기 구분 꺾쇠 — 기본은 오른쪽(rotate 180), RTL 에서는 왼쪽(rotate 0) */
[dir="rtl"] .breadcrumb > * + *::before { rotate: 0deg; }