/* ===============================
   RTL (아랍어) 전용 보정
   대부분의 flex 레이아웃은 dir="rtl"에서 자동으로 좌우가
   뒤집히지만, 물리적 left/right 값을 쓰는 일부 요소는
   명시적으로 보정이 필요합니다.
================================ */

html[dir="rtl"] body {
    text-align: right;
}

/* 헤더: 로고 여백, 우측 영역이 논리적 시작/끝 방향을 따르도록 */
html[dir="rtl"] .logo {
    margin-right: 0;
    margin-left: 20px;
}

html[dir="rtl"] .header-right {
    margin-left: 0;
    margin-right: auto;
}

/* 검색창 placeholder/입력 정렬 */
html[dir="rtl"] .header-search input {
    text-align: right;
}

/* 공지 카드 배지: NEW/고정 위치를 좌우 반전 */
html[dir="rtl"] .pin-badge {
    right: auto;
    left: 18px;
}

html[dir="rtl"] .new-badge {
    left: auto;
    right: 18px;
}

/* 모바일 메뉴 패널: 슬라이드 방향 보정 불필요 (전체 폭이라 그대로 사용) */

/* 서브메뉴 하위 항목 들여쓰기 방향 보정 (모바일) */
@media (max-width: 900px) {
    html[dir="rtl"] .sub-menu a {
        padding-left: 20px;
        padding-right: 32px;
    }
}

/* 연혁, FAQ 등 아이콘/숫자 + 텍스트 가로 배치 요소는 flex라 자동 반전되므로
   별도 처리 없이 그대로 둡니다. */

/* 표 내부 텍스트는 기본적으로 오른쪽 정렬이 자연스러움 */
html[dir="rtl"] .notice-table th,
html[dir="rtl"] .notice-table td,
html[dir="rtl"] .table th,
html[dir="rtl"] .table td {
    text-align: right;
}

/* 다운로드 목록, 문의 카드 등은 flex 기반이라 자동 반전 */

/* 버튼 안의 아이콘/화살표 문자는 번역 문자열 자체에서 방향을 반영함 */