/* ============================================================
   variations.css — munbunyang variation 시스템
   html[data-v="cinema|fullhero|luxury|splithero"] 셀렉터 기반
   CSS 변수: --p, --fp, --a1, --a2, --a3 (palettes.css 정의)
   ============================================================ */

/* ── 공통: v5 기본 (모든 variation 공통) ── */
html[data-v] body { background: #fff; }

/* ── 공통: 메인 페이지 투명 헤더 ── */
/* body[data-page="main"] 에서만 투명 헤더 */
body[data-page="main"] .mun-header {
  position: fixed;
  top: 0; left: 0; right: 0;
  z-index: 200;
  transition: background 0.35s ease, box-shadow 0.35s ease, backdrop-filter 0.35s ease;
}
body[data-page="main"] .mun-header:not(.is-fixed) {
  background: transparent !important;
  box-shadow: none !important;
  border-bottom: none !important;
}
body[data-page="main"] .mun-header:not(.is-fixed) .mun-nav-link,
body[data-page="main"] .mun-header:not(.is-fixed) .mun-logo-text,
body[data-page="main"] .mun-header:not(.is-fixed) .mun-mobile-menu-btn {
  color: #fff !important;
}
body[data-page="main"] .mun-header:not(.is-fixed) .mun-header-tel {
  color: rgba(255,255,255,0.9) !important;
  border-color: rgba(255,255,255,0.3) !important;
}
body[data-page="main"] .mun-header.is-fixed {
  background: rgba(14, 20, 36, 0.97) !important;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  box-shadow: 0 1px 0 rgba(255,255,255,0.06);
}

/* ── CINEMA variation ── */
html[data-v="cinema"] body[data-page="main"] .mun-header.is-fixed {
  background: rgba(10, 14, 26, 0.98) !important;
}
/* cinema variation: 메인 페이지 투명 헤더 → 흰 배경으로 오버라이드 */
html[data-v="cinema"] body[data-page="main"] .mun-header:not(.is-fixed) {
  background: #fff !important;
  border-bottom: 1px solid #e8e8e8;
  box-shadow: 0 1px 8px rgba(0,0,0,0.06);
}
html[data-v="cinema"] body[data-page="main"] .mun-header:not(.is-fixed) .mun-nav-link {
  color: #333 !important;
}
html[data-v="cinema"] body[data-page="main"] .mun-header:not(.is-fixed) .mun-logo-text {
  color: #081C15 !important;
}
html[data-v="cinema"] body[data-page="main"] .mun-header:not(.is-fixed) .mun-mobile-menu-btn {
  color: #333 !important;
}
html[data-v="cinema"] .mun-nav-link {
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: 0.8rem;
  font-weight: 600;
}
html[data-v="cinema"] .mun-snap-sec--hero {
  position: relative;
}
html[data-v="cinema"] .mun-snap-sec--hero::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to bottom,
    rgba(0,0,0,0.45) 0%,
    rgba(0,0,0,0.15) 50%,
    rgba(0,0,0,0.6) 100%
  );
  z-index: 1;
  pointer-events: none;
}
html[data-v="cinema"] .mun-hero-title {
  text-transform: uppercase;
  letter-spacing: 0.12em;
  font-weight: 800;
}
html[data-v="cinema"] .mun-hero-sub {
  letter-spacing: 0.06em;
  font-weight: 300;
  opacity: 0.88;
}

/* ── CINEMA: 섹션 헤딩 — 가운데, 위아래 얇은 라인, 대문자 ── */
html[data-v="cinema"] .mun-sec-head {
  text-align: center;
  position: relative;
  padding: 0 0 16px;
}
html[data-v="cinema"] .mun-sec-head::before {
  content: '';
  display: block;
  width: 40px;
  height: 1px;
  background: var(--a1);
  margin: 0 auto 16px;
}
html[data-v="cinema"] .mun-sec-head::after {
  content: '';
  display: block;
  width: 40px;
  height: 1px;
  background: var(--a1);
  margin: 16px auto 0;
}
html[data-v="cinema"] .mun-sec-sub {
  text-transform: uppercase;
  letter-spacing: 0.25em;
  font-size: 0.72rem;
  font-weight: 600;
  color: var(--a1);
}
html[data-v="cinema"] .mun-sec-title {
  font-weight: 700;
  letter-spacing: 0.04em;
}

/* ── CINEMA: 서브배너 ── */
html[data-v="cinema"] .mun-sub-banner {
  background: var(--fp, #0a0e1a);
}
html[data-v="cinema"] .mun-sub-banner-title {
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-weight: 300;
}
html[data-v="cinema"] .mun-sub-banner-breadcrumb {
  text-transform: uppercase;
  letter-spacing: 0.12em;
  font-size: 0.7rem;
  opacity: 0.6;
}

/* ── CINEMA: 서브탭 ── */
html[data-v="cinema"] .mun-sub-tab-link {
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 0.75rem;
  font-weight: 600;
}
html[data-v="cinema"] .mun-sub-tab-link.active {
  border-bottom-color: var(--a1);
  color: var(--a1);
}

/* ── CINEMA: 푸터 ── */
html[data-v="cinema"] .mun-footer {
  background: var(--fp, #0a0e1a);
  border-top: 1px solid var(--a1);
}
html[data-v="cinema"] .mun-footer-tel {
  color: var(--a1);
}

/* ── CINEMA: 헤더 정밀도 추가 ── */
html[data-v="cinema"] .mun-header.is-scroll {
  box-shadow: 0 1px 0 var(--a1);
}
html[data-v="cinema"] .mun-nav-link:hover {
  color: var(--a1);
}
html[data-v="cinema"] .mun-header-tel {
  background: var(--a1);
  color: #111;
  letter-spacing: 0.05em;
}

/* ── CINEMA: 모바일 ── */
@media (max-width: 768px) {
  html[data-v="cinema"] .mun-sec-sub {
    letter-spacing: 0.18em;
  }
}

/* ── FULLHERO variation ── */
html[data-v="fullhero"] body[data-page="main"] .mun-header.is-fixed {
  background: rgba(20, 30, 60, 0.97) !important;
}
html[data-v="fullhero"] .mun-snap-sec--hero::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(0,0,0,0.55) 0%, rgba(0,0,0,0.2) 100%);
  z-index: 1;
  pointer-events: none;
}
html[data-v="fullhero"] .mun-header-tel {
  background: var(--a1) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 4px;
  font-weight: 700;
}

/* ── LUXURY variation ── */
/* ── LUXURY: 라이트 모드 기본 설정 ── */
html[data-v="luxury"] body {
  background: #fafaf8;
  color: #1a1a1a;
}
html[data-v="luxury"] body[data-page="main"] .mun-header:not(.is-fixed) {
  background: rgba(250,250,248,0.05) !important;
}
html[data-v="luxury"] body[data-page="main"] .mun-header:not(.is-fixed) .mun-nav-link {
  color: rgba(255,255,255,0.9) !important;
}
html[data-v="luxury"] .mun-header.is-fixed {
  background: rgba(20,15,10,0.97) !important;
  border-bottom: 1px solid rgba(196,169,116,0.2) !important;
}
html[data-v="luxury"] body[data-page="main"] .mun-header.is-fixed {
  background: rgba(20, 15, 10, 0.97) !important;
  border-bottom: 1px solid rgba(196,169,116,0.2) !important;
}
html[data-v="luxury"] .mun-header::before {
  display: none;
}
html[data-v="luxury"] .mun-snap-sec--hero::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(to right, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.25) 60%, rgba(0,0,0,0.4) 100%);
  z-index: 1;
  pointer-events: none;
}
html[data-v="luxury"] .mun-nav-link {
  letter-spacing: 0.06em;
}
html[data-v="luxury"] .mun-nav-link:hover {
  color: var(--a1) !important;
}

/* ── SPLITHERO variation ── */
html[data-v="splithero"] body[data-page="main"] .mun-header {
  border-left: 4px solid var(--a1);
}
html[data-v="splithero"] body[data-page="main"] .mun-header.is-fixed {
  background: rgba(15, 20, 40, 0.97) !important;
}
html[data-v="splithero"] .mun-snap-sec--hero::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom right, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0.2) 100%);
  z-index: 1;
  pointer-events: none;
}

/* ── 공통: 히어로 콘텐츠를 오버레이 위에 배치 ── */
body[data-page="main"] .mun-slide-content,
body[data-page="main"] .mun-hero-content {
  position: relative;
  z-index: 2;
}

/* ── 모바일 (768px 이하): 투명 헤더 비활성화 ── */
@media (max-width: 768px) {
  body[data-page="main"] .mun-header:not(.is-fixed) {
    background: rgba(14, 20, 36, 0.95) !important;
  }
  body[data-page="main"] .mun-header:not(.is-fixed) .mun-nav-link,
  body[data-page="main"] .mun-header:not(.is-fixed) .mun-logo-text {
    color: inherit !important;
  }
}