/* ==========================================================================
   AR RTL 미러링 — [dir=rtl] 전역 보정 (QA-D05)
   코어 레이아웃(md3-components.css)은 논리 속성(inset-inline-*, margin-inline-*)
   으로 전환되어 자동 미러됨. 이 시트는 논리 속성으로 커버되지 않는
   (1) 방향성 아이콘 글리프, (2) 텍스트 정렬 기본값, (3) flex 정렬을 보정한다.
   LTR에는 영향 없음([dir=rtl] 스코프).
   ========================================================================== */

/* 텍스트 기본 정렬을 시작(start) 기준으로 — RTL에서 우측 정렬 */
[dir="rtl"] {
  text-align: right;
}

/* 방향성 아이콘 미러: 뒤로가기 화살표 등. 명시적으로 .rtl-mirror 부여 시에도 적용 */
[dir="rtl"] .back-btn .material-symbols-rounded,
[dir="rtl"] .rtl-mirror {
  transform: scaleX(-1);
}

/* 셰브론/화살표 계열 링크 아이콘(더보기, 다음) 미러 */
[dir="rtl"] .more .material-symbols-rounded,
[dir="rtl"] .link-arrow .material-symbols-rounded,
[dir="rtl"] .crumb .material-symbols-rounded {
  transform: scaleX(-1);
}

/* 숫자/가격/코드 등 방향 무관 요소는 미러 예외 */
[dir="rtl"] .no-mirror,
[dir="rtl"] .price,
[dir="rtl"] .ref-no {
  transform: none;
}