/* ===== Chips Mirror (hero-searchbar 전용) ===== */

/* 기본 숨김 */
.hero-chips-mirror{ display:none; }

/* 트리거 도달 시 보이기 */
.hero-searchbar.show-mirror .hero-chips-mirror{
  display:flex;
  margin-top:12px;
  gap:10px;
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
  padding:2px 2px 6px;
}

/* 미러 칩 */
.hero-searchbar .hero-chips-mirror .chip-cell{
  flex:0 0 auto;
  height:38px;
  padding:0 14px;
  border-radius:999px;
  border:1px solid #e3e3f3;
  background:#fff;
  color:#4b5563;
  font-weight:800;
  font-size:13px;
  white-space:nowrap;
  cursor:pointer;
}

/* 활성 */
.hero-searchbar .hero-chips-mirror .chip-cell.is-active{
  background:linear-gradient(180deg, rgba(187,156,241,1), rgba(140,120,245,1));
  border-color:transparent;
  color:#fff;
}

/* 스크롤바(선택) */
.hero-searchbar .hero-chips-mirror::-webkit-scrollbar{ height:6px; }
.hero-searchbar .hero-chips-mirror::-webkit-scrollbar-thumb{
  background: rgba(17,24,39,.14);
  border-radius:999px;
}
.hero-searchbar .hero-chips-mirror::-webkit-scrollbar-track{
  background: rgba(17,24,39,.06);
  border-radius:999px;
}
/* ✅ 스크롤바 숨김 (모든 브라우저) */
.hero-searchbar .hero-chips-mirror{
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;

  scrollbar-width: none;      /* Firefox */
  -ms-overflow-style: none;   /* IE/Edge legacy */
}
.hero-searchbar .hero-chips-mirror::-webkit-scrollbar{
  display:none;               /* Chrome/Safari */
}

/* ✅ 드래그 UX */
.hero-searchbar .hero-chips-mirror.is-draggable{
  cursor: grab;
  user-select: none;          /* 드래그 중 텍스트 선택 방지 */
}
.hero-searchbar .hero-chips-mirror.is-dragging{
  cursor: grabbing;
}

/* ===== Monthly Events (Main) ===== */
.event-grid.is-center{ grid-template-columns:repeat(auto-fit, minmax(280px, 320px)); }
.event-grid.is-scroll{ display:flex; gap:12px; overflow-x:auto; -webkit-overflow-scrolling:touch; padding-bottom:8px; }
.event-grid.is-scroll .card{ flex:0 0 300px; }
.event-grid.is-scroll.is-draggable{ cursor:grab; user-select:none; }
.event-grid.is-scroll.is-dragging{ cursor:grabbing; }
.event-grid.is-scroll::-webkit-scrollbar{ height:6px; }
.event-grid.is-scroll::-webkit-scrollbar-thumb{ background:rgba(17,24,39,.18); border-radius:999px; }
.event-grid.is-scroll::-webkit-scrollbar-track{ background:rgba(17,24,39,.06); border-radius:999px; }
.event-cate{ margin:0 0 6px; font-size:12px; color:var(--muted); }
.event-desc{ margin:0 0 10px; font-size:13px; color:var(--muted); line-height:1.45; }
.event-period{ margin:0 0 10px; font-size:12px; color:#8b8f98; text-align:right; align-self:flex-end; }
.event-body{ display:flex; flex-direction:column; height:100%; flex:1; }
.event-price{ margin-top:auto; align-self:flex-end; justify-content:flex-end; gap:10px; }
.event-off{ font-weight:900; color:#ef4444; font-size:13px; }
.event-empty{
  grid-column:1 / -1;
  padding:24px 12px;
  text-align:center;
  color:var(--muted);
  font-weight:700;
}

@media (max-width:560px){
  .event-grid.is-center{ grid-template-columns:1fr; }
  .event-grid.is-scroll .card{ flex-basis:260px; }
}