/* sfd-discovery.css · Stepfox Food Delivery · P-DISCOVERY · ceiling 30 lines (SPEC §3.1, §4.1): mechanics + token reads only — chip input hiding + checked swap, `terms` list reset + rail mechanics (§4.3.5 provider rails; terms rails hold theme-sized tiles, so columns size to content), sort/search/faq/form control resets, typeahead panel, promo-strip ticker, promo code, earnings calculator, state layout. Looks and the twin style the roots. */
.sfd-chip{position:relative;display:inline-flex;align-items:center;gap:var(--wp--preset--spacing--10,.375em);min-height:44px;padding:0 var(--wp--preset--spacing--30,1em);border-radius:var(--sfd-radius-pill);background:var(--sfd-chip-bg);color:var(--sfd-chip-fg);cursor:pointer;user-select:none;white-space:nowrap;text-decoration:none;transition:background-color var(--sfd-dur-1) var(--sfd-ease),color var(--sfd-dur-1) var(--sfd-ease)}
.sfd-chip.is-checked,.sfd-view-toggle__link.is-current{--sfd-chip-bg:var(--sfd-chip-bg-on);--sfd-chip-fg:var(--sfd-chip-fg-on)}
.sfd-chip__input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer;appearance:none}
.sfd-chip:has(.sfd-chip__input:focus-visible),.sfd-search:has(.sfd-search__input:focus-visible),.sfd-faq-search:has(.sfd-faq-search__input:focus-visible){box-shadow:var(--sfd-shadow-focus)}.sfd-chip__icon,.sfd-chip__art{display:inline-flex;flex:none}
.sfd-terms{margin:0;padding:0;list-style:none}.sfd-terms--rail{display:grid;grid-auto-flow:column;grid-auto-columns:max-content;gap:var(--wp--preset--spacing--20,.75em);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none}.sfd-terms--rail::-webkit-scrollbar{display:none}.sfd-terms--rail>.sfd-terms__item{min-width:0;scroll-snap-align:start}
.sfd-filter-form,.sfd-filter-terms{display:flex;flex-wrap:wrap;align-items:center;gap:var(--wp--preset--spacing--20,.5em)}.sfd-view-toggle{display:inline-flex;gap:.25em}.sfd-view-toggle__link{display:inline-flex;align-items:center;gap:.375em;min-height:44px;padding:0 1em;color:var(--sfd-chip-fg);background:var(--sfd-chip-bg);border-radius:var(--sfd-radius-pill);text-decoration:none}
.sfd-filter-sort{position:relative;display:inline-flex;align-items:center;gap:var(--wp--preset--spacing--10,.5em)}.sfd-filter-sort__icon{position:absolute;inset-inline-end:.75em;pointer-events:none}
.sfd-filter-sort__select,.sfd-form-field__input{box-sizing:border-box;max-width:100%;min-height:44px;padding:0 2.25em 0 1em;font:inherit;color:var(--sfd-ink);background:var(--sfd-surface);border:1px solid var(--sfd-edge);border-radius:var(--sfd-radius-pill);appearance:none;cursor:pointer}
.sfd-search,.sfd-faq-search{position:relative;display:flex;align-items:center;gap:var(--wp--preset--spacing--10,.5em)}
.sfd-search__input,.sfd-faq-search__input{flex:1;min-width:0;min-height:44px;padding:0;font:inherit;color:inherit;background:transparent;border:0;appearance:none}.sfd-search__input:focus-visible,.sfd-faq-search__input:focus-visible{outline:0}
.sfd-search__submit,.sfd-promo-strip__pause{display:inline-flex;flex:none;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0;font:inherit;color:inherit;background:transparent;border:0;cursor:pointer}
.sfd-search__panel{position:absolute;inset-inline:0;top:calc(100% + var(--wp--preset--spacing--10,.5em));z-index:90;max-height:min(70vh,32rem);overflow:auto;overscroll-behavior:contain;padding:var(--wp--preset--spacing--10,.5em);color:var(--sfd-ink);background:var(--sfd-surface);border-radius:var(--sfd-radius-lg);box-shadow:var(--sfd-shadow-pop)}
.sfd-search__heading,.sfd-search__meta{color:var(--sfd-muted);font-size:var(--wp--preset--font-size--small,.875em)}
.sfd-search__heading,.sfd-search__loading,.sfd-search__error,.sfd-search__empty{padding:var(--wp--preset--spacing--10,.5em) var(--wp--preset--spacing--20,.75em)}
.sfd-search__option{display:flex;align-items:center;gap:var(--wp--preset--spacing--20,.75em);min-height:44px;padding:var(--wp--preset--spacing--10,.375em) var(--wp--preset--spacing--20,.75em);color:inherit;text-decoration:none;border-radius:var(--sfd-radius-md)}
.sfd-search__option.is-active,.sfd-search__option:hover{background:var(--sfd-surface-2)}
.sfd-search__thumb{flex:none;width:2.5em;height:2.5em;object-fit:cover;border-radius:var(--sfd-radius-sm);background:var(--sfd-surface-2)}.sfd-search__text{display:flex;flex-direction:column;min-width:0}
.sfd-promo-strip{position:relative;display:flex;align-items:stretch;overflow:hidden}.sfd-promo-strip__viewport{display:flex;flex:1;align-items:center;min-width:0;overflow:hidden;touch-action:pan-y}
.sfd-promo-strip__track{display:flex;flex:none;gap:var(--wp--preset--spacing--50,3em);margin:0;padding:0 var(--wp--preset--spacing--50,3em) 0 0;list-style:none;white-space:nowrap;will-change:transform}
.sfd-promo-code{display:inline-flex;flex-wrap:wrap;align-items:center;gap:var(--wp--preset--spacing--10,.5em)}.sfd-promo-code__code{min-width:0;padding:.25em .5em;font:inherit;color:inherit;text-transform:uppercase;background:transparent;border:1px dashed currentColor;border-radius:var(--sfd-radius-sm)}.sfd-promo-code__terms{flex-basis:100%}
.sfd-promo-code__copy{min-height:44px;padding:0 1em;font:inherit;color:var(--sfd-on-accent);background:var(--sfd-accent);border:0;border-radius:var(--sfd-radius-pill);cursor:pointer;transition:background-color var(--sfd-dur-1) var(--sfd-ease)}.sfd-promo-code.is-copied .sfd-promo-code__copy{color:var(--sfd-on-accent);background:var(--sfd-success)}
.sfd-earnings__field{display:grid;grid-template-columns:1fr auto;align-items:center;gap:.25em 1em}.sfd-earnings__value{grid-area:1/2}.sfd-earnings__range{grid-column:1/-1;width:100%;min-height:44px;margin:0;accent-color:var(--sfd-accent)}
.sfd-form-field{display:flex;flex-direction:column;gap:.375em}.sfd-form-field__input{width:100%;padding:.625em .875em;border-radius:var(--sfd-radius-sm);cursor:text}.sfd-form-field--textarea .sfd-form-field__input{min-height:6em;resize:vertical}.sfd-form-field--select .sfd-form-field__input,.sfd-form-field--cuisine .sfd-form-field__input{cursor:pointer}
.sfd-form-field--checkbox{flex-flow:row wrap;align-items:flex-start}.sfd-form-field--checkbox>.sfd-form-field__label{flex:1 1 0;min-width:0}.sfd-form-field__group{display:flex;flex-wrap:wrap;gap:.25em 1em;margin:0;padding:0;border:0}.sfd-form-field__group--grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(max(8.5rem,calc(50% - .5em)),1fr));align-items:start}.sfd-form-field__option{display:inline-flex;align-items:center;gap:.5em;min-height:44px;cursor:pointer}.sfd-form-field__check{flex:none;width:1.5rem;height:1.5rem;margin:0;accent-color:var(--sfd-accent)}
.sfd-form-field.is-invalid .sfd-form-field__input{border-color:var(--sfd-danger)}.sfd-form-field__error,.sfd-form-field__req,.sfd-lead-form__status.is-error{color:var(--sfd-danger-ink)}.sfd-form-field--checkbox .sfd-form-field__error{flex-basis:100%}
.sfd-load-more[aria-busy="true"]{opacity:.6;pointer-events:none}.sfd-state{display:flex;flex-direction:column;align-items:center;gap:var(--wp--preset--spacing--20,.75em);text-align:center}.sfd-state__art{width:min(100%,var(--wp--custom--sfd--state-art,15rem));height:auto}.sfd-state__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.5em}
@media (hover:hover){.sfd-chip:not(.is-checked):hover,.sfd-view-toggle__link:not(.is-current):hover{--sfd-chip-bg:var(--sfd-surface-3)}.sfd-promo-code:not(.is-copied) .sfd-promo-code__copy:hover{background:var(--sfd-accent-deep)}}
@media (prefers-reduced-motion:reduce){.sfd-chip,.sfd-promo-code__copy{transition:none}.sfd-promo-strip__viewport{overflow-x:auto;scrollbar-width:none}.sfd-promo-strip__track+.sfd-promo-strip__track{display:none}}