/* RTL 보정 CSS — 우르두(ur) 전용
 * html[dir=rtl] 스코핑으로 다른 언어에 영향 없음
 * 원본 사이트 CSS(_files/6uh_iFf98.css) 위에 덮어씀
 */

/* ── 기본 방향 ── */
html[dir="rtl"],
html[dir="rtl"] body {
  direction: rtl;
}

/* ── 헤더 (position:fixed, 절대위치 기반) ── */
html[dir="rtl"] #header {
  direction: rtl;
}
/* 로고: 우측 정렬 (LTR left:20 미러). 원본 #header .logo 가 left·right 둘 다 줘서 중앙에 박힘.
   높은 우선순위 + !important 로 left 해제 → right 만 적용되어 우측 정렬. */
html[dir="rtl"] #header .logo,
html[dir="rtl"] .container-fluid .logo {
  left: auto !important;
  right: 20px !important;
}
/* 햄버거(.btn-nav): 왼쪽으로 이동 */
html[dir="rtl"] .btn-nav {
  right: 295px;
  left: 20px;
}
/* PC 네비: #gnb>ul 이 flex(justify-content:right)라 항목이 우측에 몰림(로고와 겹침).
   flex는 float 무시 → justify-content:left 로 물리적 좌측 정렬해 우측 로고와 분리. */
html[dir="rtl"] #header #gnb > ul {
  direction: rtl;
  justify-content: left !important;
  padding-right: 0 !important;
  padding-left: 0 !important;        /* 메뉴를 끝까지 좌측으로 → 우측 로고와 분리(겹침 해소) */
}
html[dir="rtl"] #header #gnb .depth2 {
  left: 0 !important;
  right: auto !important;
  text-align: right;
}
/* 로그인/회원가입 유틸(.member): LTR 원본은 우측 상단(fixed left:1330).
   외국어(ur) 사이트엔 회원기능 불필요 → 숨김. 좁은 칸에 글자 눌림·로고 겹침도 동시 해소.
   다시 살릴 땐 아래 display:none 한 줄만 제거하면 좌측 미러 위치로 정상 복귀. */
html[dir="rtl"] .member {
  left: 20px !important;
  right: auto !important;
  text-align: left !important;
  display: none !important;   /* ← 살릴 때 이 줄만 제거 */
}

/* ── 언어 칩 (RTL: 십자 로고가 오른쪽으로 이동 → 칩도 우측 미러링) ── */
html[dir="rtl"] .lang-chip {
  left: auto;
  right: 20px;               /* 헤더 우측 끝, 배너 아래 (top:126은 base) */
  transform: none;
}
@media (max-width: 768px) {
  html[dir="rtl"] .lang-chip { right: 12px; left: auto; transform: none; }
}
html[dir="rtl"] .lang-chip-menu {
  left: 50%;
  right: auto;
  transform: translateX(-50%);
}

/* ── 모바일 하단 아이콘 ── */
html[dir="rtl"] .mo {
  direction: rtl;
}
html[dir="rtl"] .mo ul {
  direction: rtl;
}

/* ── 본문 텍스트 ── */
html[dir="rtl"] p,
html[dir="rtl"] li,
html[dir="rtl"] td,
html[dir="rtl"] th,
html[dir="rtl"] h1,
html[dir="rtl"] h2,
html[dir="rtl"] h3,
html[dir="rtl"] h4,
html[dir="rtl"] h5 {
  text-align: right;
}

/* ── 리스트 들여쓰기 방향 ── */
html[dir="rtl"] ul,
html[dir="rtl"] ol {
  padding-right: 20px;
  padding-left: 0;
}

/* ── 푸터 ── */
html[dir="rtl"] #footer,
html[dir="rtl"] footer {
  direction: rtl;
  text-align: right;
}
html[dir="rtl"] .lang-nav-footer {
  direction: rtl;
}

/* ── 플로팅 사이드 버튼 (오른쪽→왼쪽) ── */
html[dir="rtl"] .btn-area {
  right: auto;
  left: 16px;
}
html[dir="rtl"] .btn-area_pop {
  right: auto;
  left: 16px;
}

/* ── AOS 애니메이션 강제 표시 (RTL에서 트리거 안 됨) ── */
html[dir="rtl"] [data-aos] {
  opacity: 1 !important;
  transform: none !important;
  transition: none !important;
}

/* ── 슬라이더 텍스트 강제 표시 (.visual .item .tt p 초기값 0 → override) ── */
html[dir="rtl"] .visual .item .tt p,
html[dir="rtl"] .visual .item .tt h3,
html[dir="rtl"] .visual .item .tt h2,
html[dir="rtl"] .visual .item .tt > img,
html[dir="rtl"] .visual .item .tt span {
  opacity: 1 !important;
  animation: none !important;
  transition: none !important;
}

/* ── 슬라이더: LTR 유지 (Slick은 transform 기반 — RTL 충돌 방지) ── */
html[dir="rtl"] .slick-slider,
html[dir="rtl"] .slick-list,
html[dir="rtl"] .slick-track,
html[dir="rtl"] .slick-slide,
html[dir="rtl"] .pop-slide,
html[dir="rtl"] [class*="visual"],
html[dir="rtl"] [class*="slide"],
html[dir="rtl"] [class*="banner"] {
  direction: ltr;
}
/* 슬라이더 캡션 텍스트만 우측 정렬 */
html[dir="rtl"] [class*="caption"] p,
html[dir="rtl"] [class*="slide-text"] p {
  text-align: right;
  direction: rtl;
}
/* 배너 슬라이더 캡션(.slider .tt): 폭 제한 없어 긴 우르두 텍스트가 전체폭(1280)으로
   퍼져 배너를 덮음(ko는 짧아 366으로 우연히 정상). 중앙 박스로 제한 + RTL 복원. */
html[dir="rtl"] .slider .tt {
  max-width: 600px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  direction: rtl !important;
}
html[dir="rtl"] .slider .tt h2,
html[dir="rtl"] .slider .tt h3,
html[dir="rtl"] .slider .tt p {
  direction: rtl !important;
  text-align: center !important;
}

/* ── 테이블 ── */
html[dir="rtl"] table {
  direction: rtl;
}
html[dir="rtl"] .board_view th,
html[dir="rtl"] .board_view td {
  text-align: right;
}

/* ── 진료시간표 그리드 ── */
html[dir="rtl"] .schedule-table th,
html[dir="rtl"] .schedule-table td {
  text-align: right;
}

/* ── 시간 범위 bidi 반전 방지 (HTML은 09:00~12:30 정상인데 RTL이 시각 반전 → 12:30~09:00) ──
   오피스아워 카드 = .item > h6(라벨) + span(시간). 시간 span만 LTR (우르두 케이스 텍스트는 건드리지 않음). */
html[dir="rtl"] .item h6 + span {
  direction: ltr;
  unicode-bidi: isolate;
  display: inline-block;
}

/* clearfix 재정의 */
html[dir="rtl"] #header::after {
  content: '';
  display: table;
  clear: both;
}