/* =========================================================================
   alliance 목록 "지역별 샵 선택" — 모바일(≤600px) 전용 개선
   - PC(>600px)는 이 파일의 영향을 전혀 받지 않음(미디어쿼리로 격리).
   - 문제: JS(fitHeight)가 박스 높이를 '오른쪽 패널 내용'에만 맞춰 인라인
     height 로 고정 → '전국'처럼 오른쪽이 짧으면 박스가 240px로 줄고,
     왼쪽 시·도 목록이 그 좁은 박스 안에서 세로 스크롤로 갇혀 답답함.
   - 해결: 모바일에서만 그 인라인 height 를 !important 로 해제하여 자연
     높이로 펼침(좌 시·도 전체가 보이고 내부 스크롤 가둠 제거).
   - 좌(시·도)/우(시·군·구) 2단 구조·기능(클릭→상세지역→업체목록)은 그대로.
   ▶ 되살리려면 list.skin.php 의 이 파일 add_stylesheet 한 줄만 지우면 원복.
   ========================================================================= */

/* 접힘 요약바는 기본 숨김 (PC 포함) — 새 요소만 추가될 뿐 PC 렌더 변화 없음.
   모바일 + 상세지역 선택(.has-sub) 일 때만 아래 미디어쿼리에서 노출. */
.region-summary { display: none; }

@media screen and (max-width: 600px) {

  /* 박스 가둠 해제: JS가 잡은 인라인 height 무력화 → 자연 높이로 펼침 */
  .region2col {
    height: auto !important;
    min-height: 0 !important;
    border-radius: 8px;
  }

  /* 왼쪽 시·도: 내부 스크롤 제거(자연 높이), 폭·탭영역 키워 누르기 쉽게 */
  .region2col .r2-sido {
    flex: 0 0 104px;
    overflow-y: visible;
  }
  .region2col .r2-sido-link {
    padding: 14px 8px;
    font-size: 15px;
  }

  /* 오른쪽 시·군·구: 내부 스크롤 제거, 넉넉한 패딩 + 칩 크게 */
  .region2col .r2-sigungu {
    overflow-y: visible;
    padding: 12px 12px 14px;
  }
  .region2col .r2-sub {
    padding: 9px 14px;
    font-size: 14px;
  }

  /* ───── gunmalove식 접기: 상세지역 선택 시 큰 박스 접고 작은 버튼 2개 ───── */
  /* 상세지역 선택(.has-sub) → 큰 2단 박스 접힘 + 요약바 노출 */
  .r2-wrap.has-sub .region2col   { display: none; }
  .r2-wrap.has-sub .region-summary { display: flex; }
  /* 요약바 누르면(.expanded) → 큰 박스 다시 펼침 + 요약바 숨김 */
  .r2-wrap.has-sub.expanded .region2col   { display: flex; }
  .r2-wrap.has-sub.expanded .region-summary { display: none; }

  /* 작은 버튼(현재 시·도 / 상세지역) */
  .region-summary {
    gap: 8px;
    margin-top: 6px;
    flex-wrap: wrap;
  }
  .region-summary .rs-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 10px 16px;
    background: #fff;
    border: 1px solid #e2e2e7;
    border-radius: 999px;
    color: #222;
    font-size: 15px;
    font-weight: 700;
    line-height: 1;
    cursor: pointer;
  }
  .region-summary .rs-caret {
    font-style: normal;
    font-size: 12px;
    color: #E0A41C;
  }
}