/**
 * ┌─────────────────────────────────────────────────────────────────────┐
 * │  FILE INDEX — 여수뉴스포털                                          │
 * ├──────────────┬──────────────────────────────────────────────────────┤
 * │  파일명      │  layout-regions.css                                           │
 * │  위치        │  /assets/css/layout-regions.css                                        │
 * │  생성일      │  2026-05-16                                           │
 * │  수정일      │  2026-05-16                                           │
 * │  버전        │  v1.1                                                 │
 * ├──────────────┼──────────────────────────────────────────────────────┤
 * │  기능/역할   │  스타일시트 — 포털·컴포넌트별 규칙 적용               │
 * ├──────────────┼──────────────────────────────────────────────────────┤
 * │  레이아웃    │  기준 너비: 1200px (전역·포털 변수와 연동)            │
 * │  섹터 구조   │  .sector-wrap width:100% — 다열은 .sector-inner (원칙2) │
 * │  폰트 기준   │  최소 14px (--fs-base 등 변수 연동)                 │
 * ├──────────────┼──────────────────────────────────────────────────────┤
 * │  연관 파일   │  load-by  : header.php·포털 레이아웃 (상이)            │
 * │              │  변수 주입: echoLayoutVars()·포털 CSS (해당 시)       │
 * ├──────────────┼──────────────────────────────────────────────────────┤
 * │  참조 사항   │  /docs/PROJECT_RULES.md 원칙8·포털 CSS 접두 규칙       │
 * ├──────────────┼──────────────────────────────────────────────────────┤
 * │  변경 이력   │  2026-05-16 v1.1 - header vs body z-index(드롭다운 가림 방지) │
 * │              │  2026-05-16 v1.0 - FILE INDEX 일괄 부여                     │
 * └──────────────┴──────────────────────────────────────────────────────┘
 */

.layout-region.layout-header,
.layout-region.layout-body,
.layout-region.layout-footer {
  display: block;
  width: 100%;
  box-sizing: border-box;
}

/* header_dropdown_stack_v2 — 드롭다운/컨텍스트 메뉴가 어떤 본문 위젯에도
 * 가려지지 않도록 헤더 region 의 stacking context 를 z_layers.php SSOT 토큰으로 통일.
 *  · 헤더(9900) > 본문(0) → 헤더 자식(드롭다운 9990) 이 본문 어디서나 최상위 표시
 *  · 모달(10000)·토스트(10100)는 헤더 위로 — 정상 (사용자가 모달 열면 드롭다운 닫히는 게 정상)
 *  · 토큰 미주입 환경(z_layers.php 로드 실패) 폴백: 9900 / 0 / 0
 *  · overflow:visible 유지 — 드롭다운이 헤더 바깥(아래)으로 확장 가능해야 함 */
.layout-region.layout-header {
  position: relative;
  z-index: var(--z-sticky-header, 9900);
  overflow: visible;
}
.layout-region.layout-body {
  position: relative;
  z-index: var(--z-body, 0);
}
/* 푸터 region — 본문(`--z-body:0`)과 광고 배너(`--z-banner:100`)·윙(`--z-banner-wing:300`)
 *   보다 위에 stacking context 를 둔다. 그래야 푸터 카드의 위로 펼쳐지는 dropdown
 *   (.fv4-community-dropdown z-index: var(--z-global-dd))이 s9 광고에 안 가린다.
 * 통합 GNB(`--z-global-gnb:2000`) 보다는 아래로 유지(헤더 sticky 가 푸터 위로 떠야 함). */
.layout-region.layout-footer {
  position: relative;
  z-index: var(--z-portal-gnb, 1000);
  overflow: visible;
}

/* 윙 래퍼: 자식 패널만 fixed; 래퍼는 문서 흐름에 영향 최소화 */
.layout-region.layout-wings {
  position: static;
  width: 0;
  height: 0;
  overflow: visible;
  margin: 0;
  padding: 0;
  border: 0;
}