/* =========================================================
   LETSRUN PLAY · HUB — 공통 셸 (섹션 배치·레이아웃 전용)
   카드·칩·버튼·캐러셀 자체 스타일은 home.css를 그대로 재사용한다.
   ========================================================= */

/* PLAY NOW: 하단 일정 카드 목록 — 그리드 배치만 정의(카드 자체는 .card--wide 그대로 재사용) */
.hub-play__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap-card);margin-bottom:var(--gap-card)}
.hub-play__grid .card--wide{width:auto}
/* (제거됨 260806) .hub-play__month — "전체 일정"을 월별로 묶어 보여주던 시절의 월 제목 스타일.
   현재 play-now.html의 apply()는 월 구분 없이 .hub-play__grid 하나에 카드를 모두 그리므로
   이 클래스는 어떤 마크업에도 붙지 않는 死스타일이었다(컨테이너 id playMonthGroups만 이름으로 남음).
   월 그룹을 다시 도입하려면 렌더러부터 바꿔야 하므로 스타일만 남겨 둘 이유가 없어 삭제했다. */

/* 공원 둘러보기: 지역별 공간 모두 보기 — 캐러셀 대신 4열 그리드, 추가될 때마다 세로로 계속 늘어난다.
   .card--pick은 원래 #pickRail 캐러셀(3~5장 고정폭 노출)용으로 폭이 고정돼 있어, 그 폭 그대로 이
   4열 그리드에 들어오면 칸 폭(1fr)보다 카드가 넓어져 그리드 자체가 컨테이너 밖으로 밀려나며
   페이지 전체가 가로로 스크롤되는 버그가 생긴다(1024px에서 특히 두드러졌지만 실제로는 998~1199px·
   ≤997px 구간에서도 재현됨) — .hub-play__grid가 이미 .card--wide에 width:auto를 주는
   것과 동일한 방식으로 폭을 그리드 칸에 맞게 되돌린다. */
.hub-place__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gap-card)}
.hub-place__grid .card--pick{width:auto}

@media (max-width:997px){
  .hub-play__grid{grid-template-columns:repeat(2,1fr)}
  /* 행간(row-gap)만 24px로 넓힌다 — column-gap(칩 사이·카드 좌우 간격, 12px)은 그대로 둔다.
     기존엔 --gap-card 하나(12px)를 gap 양방향에 그대로 썼는데, 그 값이 카드 한 장의 내부
     여백(뱃지 margin-top 10px 등)과 비슷해서 다음 줄 이미지가 바로 붙어 보여 두 줄이 한
     그룹처럼 읽혔다. hub-play__grid는 이 페이지에서만 쓰는 클래스라 다른 그리드(공원 탐색
     hub-place__grid 등)에는 영향 없다. */
  .hub-play__grid{row-gap:24px}
  .hub-play__grid .card--wide{width:auto}
  .hub-place__grid{grid-template-columns:repeat(2,1fr)}
}

/* PLAY NOW 모바일 필터 시트 — 셸은 공용 .modal/.sheet-modal, 옵션은 공용 .chip-dd__opt/__box(Checkbox)를
   그대로 재사용한다. 여기서는 시트 안에서의 배치(그룹 간격·레이블)만 정의한다. */
.filter-sheet__group{margin-bottom:24px}
.filter-sheet__group:last-child{margin-bottom:0}
.filter-sheet__label{font-size:var(--fs-body-sm);font-weight:700;color:var(--ink);margin-bottom:8px}
.filter-sheet__group .chip-dd__panel--sheet{position:static;width:100%;box-shadow:none;border:0;padding:0;min-width:0}
.modal__foot.filter-sheet__foot{display:flex;gap:10px}

/* PLAY NOW 모바일 통합 필터 트리거 — 카테고리·진행상태 두 버튼이 모바일에서는 결국 같은 시트
   (#playFilterModal)를 여는데도 따로 노출돼, 각자 자기 항목만 여는 것처럼 오해할 수 있었다.
   데스크톱 마크업·상태값·필터링 로직은 그대로 두고, 이 breakpoint에서만 트리거 노출을 바꾼다:
   원래 두 chip-dd는 숨기고 새 통합 버튼(#playMobileFilterBtn, play-now.html)만 보여준다.
   260813: 이 규칙이 숨기는 대상이 지역+진행상태→카테고리+진행상태로 바뀌었다 — 지역은 이제
   일반 .chip이라 항상 보이고(.chips의 기본 가로 스크롤을 그대로 따름), 숨김 대상이 아니다. */
#playMobileFilterBtn{display:none}
@media (max-width:997px){
  #playCategoryDD,#playStatusDD{display:none}
  #playMobileFilterBtn{display:inline-flex}
}