/* v13: a consistent colour and spacing system for discovery, ordering and service. */
:root{--green:#123f35;--orange:#d64928;--cream:#fffaf3;--line:#e3e8df;--muted:#607368;--radius:18px;--space:16px;--coral-soft:#fff0e7;--mint:#edf5e9}
body{background:var(--cream)}
.discovery{padding-top:26px}.discovery-intro{border-radius:var(--radius);background:linear-gradient(115deg,#123f35,#20604b);padding:24px;color:#fff;position:relative;overflow:hidden;margin-bottom:18px}.discovery-intro:after{content:'';position:absolute;width:170px;height:170px;border:30px solid #f1bf8740;border-radius:50%;right:-70px;top:-65px;pointer-events:none}.discovery-intro .eyebrow{color:#f4d6b3}.discovery-intro h1{color:white;margin-bottom:8px}.discovery-intro p{color:#dcebe0;margin:0}.discovery-search{border-radius:14px;border-color:#b9cdbb;box-shadow:0 4px 16px #123f3505}.discovery-modes{display:grid;grid-template-columns:1fr 1fr;width:100%;max-width:none;background:#eaf0e5;gap:4px}.discovery-modes button{border-radius:10px}.discovery .chip.selected{background:var(--green)}.filter-toggle input:checked+span{background:var(--coral-soft);border-color:#d7896d;color:#9e371c}
.active-pickup,.discovery-extras{max-width:1184px;margin-left:auto;margin-right:auto;padding:0 24px}.active-pickup{display:flex;align-items:center;justify-content:space-between;gap:16px;background:#edf5e9;border:1px solid #ccddc7;border-radius:18px;margin-top:20px;padding:16px 20px;max-width:1136px}.active-pickup>div{display:grid;gap:6px;min-width:0}.active-pickup .eyebrow{font-size:9px;letter-spacing:1px}.active-pickup b{font-size:18px}.active-pickup small{font-size:12px;color:#46654e;line-height:1.5}.active-pickup button{min-height:44px;padding:12px 16px;white-space:nowrap;background:var(--green)}
.rail-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:22px 0 12px}.rail-heading h2{font-size:24px;letter-spacing:-.8px;margin:5px 0}.rail-heading .eyebrow{font-size:9px;color:#b44629}.rail-heading>small{font-size:11px;color:var(--muted);text-align:right}.food-rail{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;align-items:stretch}.food-pick{display:flex;flex-direction:column;overflow:hidden;background:white;border:1px solid var(--line);border-radius:18px;box-shadow:0 4px 14px #123f3505;min-width:0}.food-pick-photo{width:100%;height:145px;object-fit:cover;background:var(--mint)}.food-pick>div{padding:14px;display:flex;flex-direction:column;flex:1;gap:8px;min-height:164px}.food-pick small{font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.food-pick h3{font-size:18px;line-height:1.35;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:49px}.food-pick p{font-size:11px;color:var(--muted);margin:0}.pick-action{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;min-height:44px}.pick-action b{font-size:17px}.pick-action .add{min-height:44px;padding:9px 14px;border-radius:10px;border:1px solid #d37254;color:#ad3d20;background:var(--coral-soft);font-weight:700}.rail-note{display:block;color:var(--muted);font-size:10px;line-height:1.5;margin-top:10px}
.repeat-rail{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.repeat-card{display:flex;align-items:center;gap:14px;min-width:0;min-height:102px;background:#fff0e7;border:1px solid #f0d7c5;border-radius:16px;padding:16px;color:var(--green);text-align:left}.repeat-card>span:first-child{font-size:32px;color:#c34a2c;flex-shrink:0}.repeat-card>span:last-child{min-width:0;display:grid;gap:7px}.repeat-card b{font-size:15px}.repeat-card small{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--muted)}.repeat-card em{font-style:normal;font-size:11px;color:#ac4024;font-weight:700}
.basket-dock{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);width:min(680px,calc(100% - 32px));z-index:35;border-radius:16px;box-shadow:0 8px 28px #123f3533;overflow:hidden}.basket-dock button{border:0;background:var(--green);color:white;display:flex;align-items:center;justify-content:space-between;gap:18px;width:100%;padding:16px 20px;min-height:68px;text-align:left}.basket-dock button>span{display:grid;gap:5px;min-width:0}.basket-dock button>span:first-child{flex:1}.basket-dock button>span:last-child{text-align:right;flex-shrink:0}.basket-dock b{font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.basket-dock small{font-size:11px;color:#d0e6d2}.has-basket{padding-bottom:100px}body:has(dialog[open]) .basket-dock,body:has(#adminView:not([hidden])) .basket-dock{display:none}
.pickup-progress{border:1px solid #d4e2cf;background:#f0f6eb;border-radius:20px;padding:24px;margin:0 0 20px}.pickup-progress h1{font-size:30px;letter-spacing:-1px;margin:10px 0}.pickup-progress p{margin:0;color:var(--muted);font-size:14px}.pickup-progress ol{list-style:none;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:8px;padding:0;margin:22px 0 0}.pickup-progress li{display:flex;align-items:center;flex-direction:column;text-align:center;gap:9px;font-size:11px;color:#718074;min-height:62px;padding:0 3px}.pickup-progress li>span{width:28px;height:28px;border:1px solid #c3d1bd;background:#fff;border-radius:50%;display:grid;place-items:center;font-weight:700}.pickup-progress li.complete>span{background:#d8e9cf;color:var(--green);border-color:#b6cba8}.pickup-progress li.current{color:#ad3d20;font-weight:700}.pickup-progress li.current>span{background:var(--orange);color:#fff;border-color:var(--orange)}.pickup-progress>.primary{margin-top:16px}.order-history{border:1px solid var(--line);border-radius:14px;background:#fff;margin:16px 0}.order-history>summary{padding:16px;min-height:48px;font-weight:700;font-size:13px;cursor:pointer}.order-history .panel{border:0;margin:0;padding-top:0}.repeat-warning{background:#fff0dd;color:#744817;padding:12px;border-radius:10px;font-size:13px}.replace-repeat{display:flex;align-items:flex-start;gap:10px;padding:16px;background:#fff0e7;border-radius:10px;line-height:1.5;font-size:13px;margin:16px 0}.replace-repeat input{width:20px;height:20px;flex-shrink:0;accent-color:var(--orange)}
.vendor-board{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px;margin:20px 0}.vendor-board .rail-heading{margin-top:0}.queue-stages{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.queue-stages button{display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line);border-radius:12px;padding:12px 8px;background:#f7f9f3;color:var(--green);font-size:12px;min-height:48px}.queue-stages button b{border-radius:6px;background:#e7eee2;padding:3px 7px}.queue-stages button.selected{background:var(--green);color:white}.queue-stages button.selected b{background:#ffffff24}.live-queue{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px}.queue-order{min-width:0;text-align:left;display:flex;flex-direction:column;gap:10px;border:1px solid var(--line);border-radius:14px;background:white;color:var(--green);padding:16px;min-height:164px}.queue-order>div{display:flex;justify-content:space-between;gap:8px;align-items:center;flex-wrap:wrap}.queue-order>div>b{font-size:16px}.queue-order .status-pill{font-size:10px;padding:5px 8px}.queue-order p{margin:0;font-size:13px;line-height:1.5}.queue-order small{font-size:11px;color:var(--muted)}.queue-order em{font-style:normal;color:#b34224;font-size:12px;font-weight:700;margin-top:auto}.queue-order.selected{border:2px solid #db8c6d;background:#fff8f0;padding:15px}.queue-order[data-queue-status=Arrived]{background:#eff6e7}.vendor-tools{margin:16px 0;border:1px solid var(--line);border-radius:12px;background:white;padding:4px 16px}.vendor-tools>summary{cursor:pointer;min-height:44px;padding:12px 0;font-size:13px;font-weight:700}.vendor-tools .merchant-toolbar{margin:8px 0}.queue-empty{font-size:13px;color:var(--muted);text-align:center;padding:16px}.merchant-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.merchant-tabs button{min-height:44px;border-radius:10px}.merchant-stats{gap:12px}.merchant-stats>div{border-radius:14px}
@media(max-width:959px){.basket-dock{bottom:76px}.has-basket{padding-bottom:158px}.food-rail{grid-template-columns:repeat(2,minmax(0,1fr))}.repeat-rail{grid-template-columns:repeat(2,minmax(0,1fr))}.live-queue{grid-template-columns:repeat(2,minmax(0,1fr))}.queue-stages{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){
 .discovery{padding-top:16px}.discovery-intro{padding:20px;border-radius:18px;margin-bottom:16px}.discovery-intro h1{font-size:27px;line-height:1.16;max-width:270px;letter-spacing:-.8px}.discovery-intro p{font-size:12px;max-width:260px}.discovery-intro .eyebrow{font-size:8px;letter-spacing:1.3px}.discovery-intro:after{right:-100px;top:-90px}.discovery-extras{padding:0 16px}.active-pickup{margin:14px 16px 0;padding:14px;gap:12px}.active-pickup b{font-size:15px}.active-pickup small{font-size:11px}.active-pickup button{font-size:12px;padding:10px 12px}.rail-heading{gap:12px;margin-top:20px}.rail-heading h2{font-size:20px;letter-spacing:-.5px}.rail-heading>small{font-size:10px;max-width:100px}.rail-heading .eyebrow{font-size:8px}.food-rail{gap:12px;grid-template-columns:repeat(2,minmax(0,1fr));max-height:610px;overflow-y:auto;overscroll-behavior-y:contain}.food-pick-photo{height:116px}.food-pick>div{padding:12px;min-height:171px;gap:7px}.food-pick h3{font-size:15px;min-height:41px}.food-pick small{font-size:10px}.food-pick p{font-size:10px}.pick-action{gap:6px}.pick-action b{font-size:15px}.pick-action .add{padding:8px 10px;min-height:42px;font-size:12px}.repeat-rail{grid-template-columns:1fr;gap:10px}.repeat-card{min-height:90px;padding:14px}.repeat-card>span:first-child{font-size:28px}.repeat-card b{font-size:14px}.basket-dock{bottom:calc(74px + env(safe-area-inset-bottom));width:calc(100% - 32px);border-radius:14px}.basket-dock button{padding:13px 16px;min-height:64px;gap:12px}.basket-dock b{font-size:13px}.basket-dock small{font-size:10px;line-height:1.35}.has-basket{padding-bottom:156px}.has-basket .connection-status.offline{bottom:144px}
 .pickup-progress{padding:18px 14px;border-radius:18px}.pickup-progress h1{font-size:24px;line-height:1.2;letter-spacing:-.7px}.pickup-progress p{font-size:12px}.pickup-progress ol{gap:3px;margin-top:20px}.pickup-progress li{font-size:9px;line-height:1.35;padding:0;overflow-wrap:anywhere}.pickup-progress li>span{width:26px;height:26px;font-size:11px}.vendor-board{padding:14px;margin:16px 0}.queue-stages{gap:7px}.queue-stages button{font-size:11px;gap:5px;padding:10px 6px}.live-queue{grid-template-columns:1fr}.queue-order{min-height:148px}.vendor-tools .merchant-toolbar{display:grid;grid-template-columns:1fr 1fr;gap:10px}.vendor-tools .merchant-toolbar>label{grid-column:1/-1}.vendor-tools .merchant-toolbar button{min-height:44px;font-size:11px;padding:10px}.merchant-tabs{gap:6px}.merchant-tabs button{font-size:11px;padding:9px 7px}.merchant-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.merchant-stats>div{padding:14px}.merchant-stats b{font-size:26px}.repeat-dialog{padding:20px}.repeat-dialog h2{font-size:24px}
}
.food-rail{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc((100% - 48px)/4);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;padding-bottom:8px;scrollbar-width:thin}.food-pick{scroll-snap-align:start}
@media(min-width:601px) and (max-width:959px){.food-rail{grid-auto-columns:calc((100% - 16px)/2)}}
@media(max-width:600px){.food-rail{grid-template-columns:none;grid-auto-columns:calc((100% - 12px)/2);max-height:none;overscroll-behavior-y:auto}.repeat-rail{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:100%;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:7px;scrollbar-width:thin}.repeat-card{scroll-snap-align:start}}
.food-rail:has(.food-pick:only-child){grid-auto-columns:100%;max-width:560px;margin-left:auto;margin-right:auto}.food-pick:only-child{display:grid;grid-template-columns:40% 60%}.food-pick:only-child .food-pick-photo{height:100%;min-height:180px}.food-pick:only-child>div{min-height:180px}
.vendor-shop-bar{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:18px 0;align-items:center}.vendor-shop-bar>label{font-size:12px;min-width:0}.vendor-shop-bar>label:first-child{display:grid;gap:7px}.vendor-shop-bar select{width:100%;border:1px solid var(--line);background:#fff;border-radius:10px;padding:12px;color:var(--green);font:inherit;min-height:46px}.vendor-shop-bar .available-label{display:flex;gap:10px;justify-content:center;background:#edf5e9;border-radius:12px;padding:14px;min-height:46px}.vendor-shop-bar input{width:20px;height:20px;accent-color:var(--green)}
@media(max-width:600px){.vendor-shop-bar{grid-template-columns:1fr;gap:10px}.pick-action .add{min-height:44px}.discovery .chip,.filter-toggle span{min-height:44px}}
.food-pick .pick-distance{font-size:10px;line-height:1.4;color:#3a6246;min-height:28px;display:flex;align-items:center}
@media(min-width:960px){.food-rail:has(.food-pick:nth-child(2):last-child){grid-auto-columns:calc((100% - 16px)/2);max-width:760px;margin-inline:auto}.food-rail:has(.food-pick:nth-child(3):last-child){grid-auto-columns:calc((100% - 32px)/3)}}
@media(min-width:601px){.live-queue[data-visible="1"]{grid-template-columns:1fr}.live-queue[data-visible="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Warm food accent, with forest green retained for navigation and structure. */
.discovery-intro{background:linear-gradient(115deg,#ae3c25,#be482c)}.discovery-intro .eyebrow{color:#fff1d6}.discovery-intro p{color:#fff5e9}.discovery-intro:after{border-color:#ffdba83b}