.elementor-1302 .elementor-element.elementor-element-262638d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-1302 .elementor-element.elementor-element-4f76fae img{border-radius:5px 5px 5px 5px;}.elementor-1302 .elementor-element.elementor-element-ee40456{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1302 .elementor-element.elementor-element-4eb8c39{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-1302 .elementor-element.elementor-element-ed18d1b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1302 .elementor-element.elementor-element-167ed89{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1302 .elementor-element.elementor-element-3d27d55 > .elementor-widget-container{background-color:var( --e-global-color-astglobalcolor4 );padding:5px 5px 5px 5px;border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-astglobalcolor7 );border-radius:5px 5px 5px 5px;}.elementor-1302 .elementor-element.elementor-element-3d27d55{text-align:center;}.elementor-1302 .elementor-element.elementor-element-3d27d55 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:400;text-decoration:none;}.elementor-1302 .elementor-element.elementor-element-5ae9e4e > .elementor-widget-container{background-color:var( --e-global-color-astglobalcolor4 );padding:5px 5px 5px 5px;border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-astglobalcolor7 );border-radius:10px 10px 10px 10px;}.elementor-1302 .elementor-element.elementor-element-d770876 > .elementor-widget-container{margin:-20px 0px -20px 0px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-1302 .elementor-element.elementor-element-4eb8c39{--width:20%;}.elementor-1302 .elementor-element.elementor-element-ed18d1b{--width:55%;}.elementor-1302 .elementor-element.elementor-element-167ed89{--width:25%;}}@media(max-width:767px){.elementor-1302 .elementor-element.elementor-element-262638d{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1302 .elementor-element.elementor-element-4f76fae img{border-radius:0px 0px 0px 0px;}.elementor-1302 .elementor-element.elementor-element-4eb8c39{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1302 .elementor-element.elementor-element-ed18d1b{--gap:0px 0px;--row-gap:0px;--column-gap:0px;}}/* Start custom CSS */:root{
  --brand:#80AE41;
  --text:#2b2b2b;
  --border:rgba(128,174,65,.6);
  --hover:rgba(128,174,65,.08);
  --popular:#e14d4d; /* red for the flame */
}

.cat-pills {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: cente;
    justify-content: center;
}

.pill{
  --padY:.55rem;
  --padX:1rem;
  display:inline-flex;
  align-items:center;
  gap:.5rem;
  padding:var(--padY) var(--padX);
  border:2px solid var(--border);
  color:var(--text);
  text-decoration:none;
  font:600 14px/1.2 system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif;
  border-radius:999px;
  transition:background .2s ease, box-shadow .2s ease, transform .02s ease;
  box-shadow: 0 0 0 0 transparent;
  background:#fff;
}

.pill:hover,
.pill:focus-visible{
  background:var(--hover);
  outline:none;
}

.pill:active{
  transform:translateY(1px);
}

.pill__icon{
  display:inline-flex;
  width:18px; height:18px;
}

.pill__icon svg{
  width:100%; height:100%;
  fill:#4d4d4d; /* default icon colour */
}

/* Active/selected "POPULAR" look */
.pill.is-active{
  border-color:var(--border);
  color:#000;
}
.pill.is-active .pill__icon svg{
  fill:var(--popular);
}

/* Optional: tint icons on hover for non-active pills */
.pill:not(.is-active):hover .pill__icon svg{
  fill:var(--brand);
}

a.checkout-button {
    text-decoration: none !important;
    text-transform: uppercase;
    font-size: 15px;
}

/* Responsive wrap spacing */
@media (max-width:480px){
  .pill{ font-size:12px; padding:5px 10px; }
  
  .cat-pills {
    justify-content: flex-start;
}
}

a.pill.is-active.popular {
    border: 0px;
    background: #f7f7f7;
}

a.pill {
    text-decoration: none !important;
    font-size: 12px;
    padding: 5px 10px;
}

span.pill__icon.meal svg {
    fill: #80ae41;
}

.pill__icon.pamo svg {
    fill: #fdb517;
}

.pill__icon.burgers svg {
    fill: #a50202;
}

.pill__icon.sauce svg {
    fill: #f5ddbb;
}

.pill__icon.drink svg {
    fill: #00BCD4;
}

a.woo-wallet-menu-contents {
    text-decoration: none !important;
}

@media (max-width:480px){
  .cat-pills{
    overflow-x:auto;
    flex-wrap:nowrap;
    gap:.5rem;
    padding-bottom:.5rem;
    -webkit-overflow-scrolling:touch;
  }
}

/* 1) Fix small typo */
.cat-pills { align-items: center; }

/* 2) Never wrap pill text + don't let pills shrink */
.pill{
  white-space: nowrap;     /* keep text on one line */
  flex: 0 0 auto;          /* don't shrink; size to content */
  min-width: max-content;  /* ensure width grows to fit label */
}

/* 3) Always allow horizontal scroll when space is tight */
@media (max-width: 480px){
  .cat-pills{
    overflow-x: auto;
    flex-wrap: nowrap;
    -webkit-overflow-scrolling: touch;
  }
}/* End custom CSS */