/* =====================================================================
   Wicked Good Pizza — menu page furniture
   Diet filter chips + category jump strip, per the design's sticky sub-nav
   ===================================================================== */

/* ---------------- diet filter chips ---------------- */
.wgp-filter{
  display:flex; flex-wrap:wrap; align-items:center; gap:8px;
  margin:22px 0 14px;
}
/* Specificity note: the Elementor kit sets `.elementor-kit-9 button` (0,1,1)
   with a Fire Red fill, so every chip rendered as active. Scoping each rule
   through .wgp-filter takes these to (0,2,0) and wins cleanly. */
.wgp-filter .wgp-filter__chip{
  appearance:none; cursor:pointer;
  background:transparent !important; color:rgba(247,245,242,.75);
  border:2px solid rgba(247,245,242,.22);
  border-radius:9999px; padding:9px 20px; min-height:42px;
  font-family:'Manrope',system-ui,sans-serif;
  font-size:13px; font-weight:700; letter-spacing:.04em; text-transform:uppercase;
  line-height:1; transition:all .16s ease;
}
.wgp-filter .wgp-filter__chip:hover{
  border-color:var(--wg-crust,#E0A340); color:var(--wg-crust,#E0A340);
}
.wgp-filter .wgp-filter__chip.is-active{
  background:var(--wg-red,#C5010D) !important;
  border-color:var(--wg-red,#C5010D); color:#fff;
}
.wgp-filter .wgp-filter__chip[data-wgp-diet="veg"].is-active,
.wgp-filter .wgp-filter__chip[data-wgp-diet="jain"].is-active{
  background:var(--wg-green,#00873A) !important; border-color:var(--wg-green,#00873A);
}
.wgp-filter__count{
  margin:0 0 0 4px; font-size:13px; font-weight:600;
  color:var(--wg-crust,#E0A340); font-variant-numeric:tabular-nums;
}

/* ---------------- category jump strip ---------------- */
.wgp-catnav{
  display:flex; gap:6px; overflow-x:auto; padding:6px 0 2px;
  scrollbar-width:none; -ms-overflow-style:none;
}
.wgp-catnav::-webkit-scrollbar{ display:none; }
.wgp-catnav__link{
  flex:0 0 auto;
  color:rgba(247,245,242,.7) !important; text-decoration:none;
  font-family:'Manrope',system-ui,sans-serif;
  font-size:12px; font-weight:700; letter-spacing:.08em; text-transform:uppercase;
  padding:8px 14px; border-radius:9999px;
  border:1px solid rgba(247,245,242,.14);
  white-space:nowrap; transition:all .16s ease;
}
.wgp-catnav__link:hover,
.wgp-catnav__link:focus{
  color:var(--wg-black,#0B0B0B) !important;
  background:var(--wg-crust,#E0A340); border-color:var(--wg-crust,#E0A340);
}

/* ---------------- homepage delivery check ---------------- */
.wgp-pin{ margin:18px 0 0; }
.wgp-pin__row{
  display:flex; flex-wrap:wrap; gap:8px; justify-content:center; align-items:center;
}
.wgp-pin .wgp-pin__input{
  flex:0 1 320px;
  background:#fff; color:var(--wg-black,#0B0B0B);
  border:1px solid rgba(11,11,11,.12); border-radius:9999px;
  padding:13px 22px; min-height:48px;
  font-family:'Manrope',system-ui,sans-serif; font-size:15px; font-weight:600;
  font-variant-numeric:tabular-nums; letter-spacing:.06em; text-align:center;
}
.wgp-pin .wgp-pin__input::placeholder{
  color:var(--wg-stone,#8A8175); font-weight:400; letter-spacing:normal;
}
.wgp-pin .wgp-pin__btn{
  flex:0 0 auto; cursor:pointer;
  background:var(--wg-red,#C5010D) !important; color:#fff !important;
  border:0; border-radius:9999px; padding:13px 32px; min-height:48px;
  font-family:'Manrope',system-ui,sans-serif; font-size:15px; font-weight:700;
  transition:background-color .18s ease;
}
.wgp-pin .wgp-pin__btn:hover{ background:var(--wg-red-h,#E0111D) !important; }
.wgp-pin__msg{
  margin:14px 0 0; min-height:22px;
  font-family:'Manrope',system-ui,sans-serif; font-size:15px; font-weight:600;
  text-align:center; color:rgba(247,245,242,.75);
}
.wgp-pin__msg.is-yes{ color:#5FD08B; }
.wgp-pin__msg.is-no,
.wgp-pin__msg.is-warn{ color:var(--wg-crust,#E0A340); }
.wgp-pin__msg a{ color:inherit !important; text-decoration:underline; }

@media (max-width:600px){
  .wgp-pin .wgp-pin__input{ flex:1 1 100%; }
  .wgp-pin .wgp-pin__btn{ flex:1 1 100%; }
}

/* anchored sections must clear the sticky header */
[id^="cat-"]{ scroll-margin-top:96px; }

/* the filter hides cards outright */
.woocommerce ul.products li.product[hidden]{ display:none !important; }

@media (max-width:600px){
  .wgp-filter{ gap:6px; margin:18px 0 10px; }
  .wgp-filter .wgp-filter__chip{ padding:8px 15px; font-size:12px; min-height:38px; }
}