/* 지역안내 / 배포(지역·시군구·지하철역) 페이지 전용 스타일
   - 메인 페이지(index.html)와는 다른 톤(딥 틸 + 시안)으로 버튼/카드 룩을 구분
   - 이 파일은 지역안내·배포 페이지에서만 로드되므로 base style.css 는 건드리지 않음 */
:root{
    --navy:#0d5c56;
    --accent:#0891b2;
    --orange:#e2572b;
}

/* ---- 카드/칩류: 더 둥글고 떠오르는 느낌으로 ---- */
.region-card{border-radius:16px;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;box-shadow:0 1px 2px rgba(13,92,86,.06);}
.region-card:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(13,92,86,.16);border-color:#0d5c5640;}
.region-count{color:#0891b2;font-weight:600;}
.kw-chip{border-radius:999px;background:#e3f5f3;transition:background .15s ease,color .15s ease,transform .15s ease;}
.kw-chip:hover{background:var(--navy);color:#fff;transform:translateY(-1px);}
.sido-group-title{border-bottom-color:var(--accent);}
.sido-group-title a{transition:color .15s ease;}
.area-search-box input{border-radius:12px;border-color:#cfe9e6;}
.area-search-box input:focus{outline:2px solid var(--accent);outline-offset:1px;}
.area-search-box button{border-radius:999px;background:var(--navy);}
.area-search-hit{border-radius:12px;background:#e3f5f3;color:var(--navy);font-weight:800;}
.page-hero{padding-top:32px;}
.page-hero h1{letter-spacing:-.01em;}

/* ---- 히어로 바로 아래 2x2 배너 ---- */
.banner-grid{gap:12px;}
.banner-grid img{transition:transform .2s ease;box-shadow:0 2px 10px rgba(13,92,86,.10);}
.banner-grid a:hover img{transform:scale(1.02);}

/* ---- 현장 사진 섹션(배포 페이지 본문) ---- */
.site-photo-section{max-width:900px;margin:32px auto 0;padding:0 16px;}
.site-photo-section h3{font-size:1.05rem;font-weight:800;color:var(--navy);margin:0 0 12px;text-align:center;word-break:keep-all;}
.site-photo-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;}
.site-photo-grid img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:12px;box-shadow:0 1px 4px rgba(13,92,86,.12);}

/* ---- 푸터 위 2단 배너(가로 1줄에 2장) ---- */
.pre-footer-banner-row{max-width:900px;margin:32px auto 0;padding:0 16px;display:grid;grid-template-columns:repeat(2,1fr);gap:12px;}
.pre-footer-banner-row img{width:100%;border-radius:12px;display:block;box-shadow:0 2px 10px rgba(13,92,86,.10);}

/* ---- 모바일 최적화 ---- */
@media(max-width:600px){
    .page-hero{padding:26px 16px 6px;}
    .page-hero h1{font-size:1.28rem;}
    .page-hero p{font-size:.88rem;}
    .banner-grid{gap:8px;padding:0 10px;}
    .pre-footer-banner-row{gap:8px;padding:0 12px;}
    .site-photo-grid{grid-template-columns:repeat(3,1fr);gap:6px;}
    .region-card{padding:14px;}
    .region-name{font-size:.98rem;}
    .kw-chip{padding:7px 12px;font-size:.82rem;}
}
@media(max-width:380px){
    .banner-grid,.pre-footer-banner-row{grid-template-columns:repeat(2,1fr);}
}

/* 하단 고정 CTA 바 - 아이폰 노치 대응 */
.sticky-bar{padding-bottom:calc(12px + env(safe-area-inset-bottom));}
body{padding-bottom:56px;}