/* 모바일(최대 1200px)에서 공통 header.css(../common/css/header.css)가
   `.badge-date`(날짜 + 펼침 화살표)를 통째로 숨겨, 호수 선택 드롭다운을 열 트리거가 아예 없었다.
   날짜 영역을 다시 보이게 하면 좁은 화면(360px 등)에서 헤더가 가로로 넘친다(로고 140px + 아이콘 영역과 겹침).
   대신 이미 보이는 "Vol.NN" 배지(#vol-info)를 탭 트리거로 쓴다 — 실제 열기/닫기 로직은
   js/header-mobile-vol.js 가 숨겨진 #badge-date 의 기존 클릭 핸들러(../common/js/header.js)로 전달한다.
   공통 폴더(common/css/header.css)는 이 작업 범위에서 고치지 않고, 2609 전용 파일로만 보강한다. */
@media (max-width: 1200px) {
  #vol-info {
    cursor: pointer;
  }

  /* 공통 .vol-dropdown은 position:absolute로 .header-center(좁은 배지 폭)에 맞춰 펼쳐진다.
     모바일·태블릿에서는 화면 전체 폭으로 펼치기 위해 뷰포트 기준 고정 위치로 덮어쓴다.
     열기/닫기 토글(클릭 시에만 나타났다 사라짐)은 common/js/header.js의 기존 로직 그대로다. */
  #vol-dropdown.vol-dropdown {
    position: fixed;
    top: 80px;
    left: 0;
    right: 0;
    width: 100%;
    margin-top: 0;
    border-radius: 0;
  }
}

@media (max-width: 768px) {
  #vol-dropdown.vol-dropdown {
    top: 60px;
  }
}