/* =========================================================
   GROUP CHIP BAR (Adventure • Nature • Culture • Family)
   Center aligned + rounded rectangle buttons
   ========================================================= */

#groupChips {
  display: flex;
  justify-content: center !important;   /* center align */
  align-items: center;
  gap: 10px;                             /* spacing between chips */
  padding: 8px 0;
  width: 100%;
}

/* Base group chip look */
#groupChips .gg-chip {
  padding: 6px 16px !important;
  border-radius: 10px !important;        /* rectangle with round corners */
  background: #0f0f0f !important;
  border: 1px solid #1f1f1f !important;
  color: var(--ink, #ffffff) !important;

  font-size: 0.88rem;
  font-weight: 600;
  transition: background .2s, border .2s;
}

/* Active chip (selected) */
#groupChips .gg-chip.is-active {
  background: var(--brand, #2cd38d) !important;
  border-color: var(--brand, #2cd38d) !important;
  color: #0a0a0a !important;
}
/* -------- GREEN LINE BETWEEN SUBCAT & SUBFILTER (EAT TAB ONLY) -------- */
body[data-tab="eat"] #subfilterChips .gg-subdivider {
  width: 100%;
  height: 2px;                 /* thickness of the line */
  background: var(--brand);    /* GuideGuru green */
  margin: 12px 0;              /* spacing above/below */
  border-radius: 2px;          /* optional for smooth look */
}
/* GROUP CHIPS — inactive get green outline */
#groupChips .gg-chip {
  border: 1px solid var(--brand, #2cd38d) !important;
  background: transparent !important;
  color: var(--ink, #fff) !important;
}

/* ACTIVE chip — solid green */
#groupChips .gg-chip.active {
  background: var(--brand, #2cd38d) !important;
  border-color: var(--brand, #2cd38d) !important;
  color: #000 !important;
}