/* ==========================================================================
   redesign.css — 레이아웃 리디자인 오버라이드 (모든 페이지 CSS 이후 로드)
   서브페이지 히어로: 다크 이미지 밴드 유지 · 높이/탭 통일 · 직각 통일
   ========================================================================== */

/* ---------- 1. 서브페이지 히어로 높이 통일 (430px + 탭바) ---------- */
.ci-hero__inner,
.subhero,
.pi-hero__body,
.pf-hero__body,
.page-hero__titles,
.mh-hero__inner {
  min-height: 430px !important;
  box-sizing: border-box;
}

/* 히어로 안 영문 소제목은 포인트 컬러 유지 */
.ci-hero .en-title, .subhero .en-title, .pi-hero .en-title,
.pf-hero .en-title, .page-hero .en-title, .mh-hero .en-title {
  color: var(--color-primary) !important;
}

/* ---------- 2. 탭: 전 페이지 통일 (다크 히어로 하단, 활성 = 흰 블록 + 그린 상단 바) ---------- */
[class*="__tabs"], [class*="__tabs-area"], [class*="__tabs-wrap"], .mh-tabs-wrap, .page-tabs-wrap {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
.page-tabs {
  display: flex !important;
  width: 100%;
}
[class*="__tab"], .mh-tab, .page-tab {
  background: transparent !important;
  color: rgba(255, 255, 252, 0.78) !important;
  border: none !important;
  box-shadow: none !important;
  clip-path: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 56px !important;
  padding-block: 0 !important;
  transition: color 0.25s ease, background-color 0.25s ease;
}
[class*="__tab"] p, .mh-tab p {
  text-align: center !important;
  padding-block: 0 !important;
  margin: 0 !important;
}
[class*="__tab"]:hover, .mh-tab:hover, .page-tab:hover {
  color: #fff !important;
  background: rgba(255, 255, 252, 0.08) !important;
}
[class*="__tab"].is-active, .mh-tab.is-active, .page-tab.is-active {
  color: var(--color-contrast) !important;
  background: var(--color-base) !important;
  box-shadow: inset 0 3px 0 var(--color-primary) !important;
}

/* ---------- 3. 모서리: 직각 통일 ---------- */
* { clip-path: none !important; }
.pi-card__cover img,
.zig__media img,
.tradition-item__media,
.tradition-item__media img { border-radius: 0 !important; }

/* ---------- 4. CTA 배너: 이미지 배경 → 라이트 밴드 ---------- */
.pi-cta, .pi-cta__dim { background-image: none !important; background-color: var(--color-step-1) !important; }
.pi-cta { color: var(--color-contrast) !important; }
.pi-cta * { color: inherit !important; }
.pi-cta .en-para { color: var(--color-step-13) !important; }

/* ---------- 5. 드로어: 라이트 톤 ---------- */
.drawer {
  background-color: var(--color-base) !important;
  color: var(--color-contrast) !important;
  border-right: 1px solid var(--color-step-3);
}
.drawer .drawer__top img { filter: none !important; }
.drawer-backdrop { background-color: rgba(0, 0, 0, 0.4) !important; }

/* ---------- 6. 탭 래퍼/탭: 히어로 폭 전체 사용 ---------- */
[class*="__tabs-wrap"], .mh-tabs-wrap,
.page-tabs-wrap { align-self: stretch !important; width: 100% !important; max-width: 1262px !important; margin-inline: auto !important; }
.page-tabs, [class*="__tabs"]:not([class*="__tabs-wrap"]) { width: 100% !important; }
.page-tab { flex: 1 1 0 !important; }

/* ---------- 7. 탭 스트립을 딤 오버레이 위로 (클릭 가능) ---------- */
[class*="__tabs"], [class*="__tabs-area"], [class*="__tabs-wrap"], .mh-tabs-wrap,
.page-tabs-wrap, .page-tabs {
  position: relative !important;
  z-index: 2 !important;
}