body.url-mode{background:#eef2f3}
@media(min-width:651px){body.url-mode .url-info-grid-pickup{grid-template-columns:repeat(2,minmax(0,1fr))}}
body.url-mode{--site-max:1180px;background:#fff;color:var(--ink)}
body.url-mode .url-site-nav{position:sticky;top:0;z-index:30;background:#fff;border-bottom:1px solid #17212b12}
/* Functionele bestelknoppen blijven leesbaar, los van restaurantkleuren. */
body.url-mode .button{--accent:#ec6607;--accent-dark:#a74400;--accent-soft:#fff0e5;--ink:#17212b;background:var(--accent);color:var(--ink)}
body.url-mode .button:hover,body.url-mode .button:focus-visible{background:#a74400;color:#fff}
body.url-mode .button.secondary{background:#fff;color:#a74400;border-color:#ec6607}
body.url-mode .button.secondary:hover,body.url-mode .button.secondary:focus-visible{background:#fff0e5;color:#a74400}
/* Navigatieactie blijft leesbaar, ook wanneer de accent- of tekstkleur wit is. */
body.url-mode .url-header-cart{background:#fff;color:#17212b;border:1px solid #dde2e7}
body.url-mode .url-header-cart:focus-visible{outline-color:#17212b}
body.url-mode #header-cart-count{background:#17212b;color:#fff}
body.url-mode .url-nav-inner{max-width:var(--site-max);min-height:76px;margin:auto;padding:10px 24px;display:flex;align-items:center;justify-content:space-between;gap:24px}
body.url-mode .url-brand{display:flex;align-items:center;gap:12px;color:var(--ink);text-decoration:none;font-size:19px;font-weight:900}
body.url-mode .url-brand img{width:auto;max-width:150px;height:54px;object-fit:contain}
body.url-mode .url-links{display:flex;align-items:center;gap:24px}body.url-mode .url-links a{color:var(--ink);text-decoration:none;font-weight:700}body.url-mode .url-links a:hover{color:var(--accent)}
body.url-mode .url-hero{background:linear-gradient(105deg,#fff 0 52%,transparent 52%),var(--hero-image) center right/52% 100% no-repeat;min-height:610px;display:grid;align-items:center}
body.url-mode .url-hero-inner{max-width:var(--site-max);width:100%;margin:auto;padding:70px 24px;display:grid;grid-template-columns:minmax(0,520px) 1fr}
body.url-mode .url-hero-copy h1{font-size:clamp(2.7rem,5vw,5rem);line-height:.98;margin:0 0 22px;letter-spacing:-.045em}body.url-mode .url-hero-copy>p{font-size:1.18rem;line-height:1.7;max-width:520px}
body.url-mode .url-order-card{max-width:470px;margin-top:34px;padding:22px;background:#fff;border:1px solid #17212b14;border-radius:18px;box-shadow:0 22px 60px #17212b1f}.url-order-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.url-order-actions .button{display:flex;justify-content:center;align-items:center;min-height:52px;text-decoration:none}
body.url-mode .url-info{background:#f5f6f7}.url-info-grid{max-width:var(--site-max);margin:auto;padding:32px 24px;display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.url-info-card{display:grid;grid-template-columns:42px 1fr;gap:12px;align-items:start}.url-info-card i{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:var(--accent);color:var(--ink)}.url-info-card strong{display:block;margin-bottom:6px}.url-info-card p{margin:2px 0;color:#5f6871}
body.url-mode .url-story{max-width:var(--site-max);margin:auto;padding:90px 24px;display:grid;gap:90px}.url-story-row{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.url-story-row.reverse .url-story-image{order:2}.url-story-image{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:24px;background:#e8ecee}.url-story-copy h2{font-size:clamp(2rem,4vw,3.5rem);margin-top:0}.url-story-copy p{font-size:1.05rem;line-height:1.8;color:#56616b}.url-story-copy .button{display:inline-flex;text-decoration:none;margin-top:10px}
body.url-mode .url-menu-heading{max-width:var(--site-max);margin:0 auto;padding:55px 24px 0;text-align:center}.url-menu-heading h2{font-size:clamp(2.2rem,4vw,3.7rem);margin:0 0 12px}
body.url-mode .container{max-width:var(--site-max);padding:24px 24px 150px}
body.url-mode .ordering-header{display:none}
body.url-mode .ordering-header{max-width:none;background:#fff;padding:22px 26px;border-radius:22px;box-shadow:0 10px 35px #17212b14}
body.url-mode .menu-grid{grid-template-columns:repeat(var(--ordering-columns),minmax(0,1fr));gap:26px}
body.url-mode .product{box-shadow:0 12px 32px #17212b16}
body.url-mode .product-content{padding:26px}
body.url-mode .product h3{font-size:1.4rem}
body.url-mode .quantity{min-width:92px;height:54px;font-size:22px;text-align:center}
body.url-mode .cart-summary{position:fixed;left:28px;right:28px;bottom:20px;margin:0;background:#fff;padding:18px 24px;display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:22px}
body.url-mode .cart-summary h2{margin:0;gap:18px}
body.url-mode .cart-lines,body.url-mode #cart-empty{display:none}
body.url-mode .cart-total{margin:0;justify-self:end;gap:16px}
body.url-mode .cart-submit{width:auto;min-height:58px;font-size:19px;padding:12px 28px}
body.url-mode .url-footer{background:var(--surface,#f4f0e7);color:var(--ink);padding:70px 24px 28px}.url-footer-grid{max-width:var(--site-max);margin:auto;display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:60px}.url-footer h2,.url-footer h3{color:var(--ink)}.url-footer p,.url-footer td{color:#514b43}.url-footer table{width:100%;border-collapse:collapse}.url-footer td{padding:4px 0}.url-socials{display:flex;gap:10px;margin-top:20px}.url-socials a{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:var(--accent);color:var(--ink);text-decoration:none}.url-credit{max-width:var(--site-max);margin:45px auto 0;padding-top:22px;border-top:1px solid #d8d0c3;display:flex;justify-content:space-between;gap:20px;font-size:13px}.url-credit a{color:var(--ink)}
body.url-mode .url-footer table,body.url-mode .url-footer table tr,body.url-mode .url-footer table tr:nth-child(even),body.url-mode .url-footer table td{background:transparent!important;border:0}
@media(max-width:900px){body.url-mode .menu-grid{grid-template-columns:repeat(2,minmax(0,1fr))}body.url-mode .cart-summary{grid-template-columns:auto 1fr}body.url-mode .cart-total{justify-self:start}body.url-mode .cart-submit{grid-column:2;grid-row:1/3}}
@media(max-width:900px){body.url-mode .url-hero{background:linear-gradient(#ffffffdb,#ffffffed),var(--hero-image) center/cover}body.url-mode .url-hero-inner{grid-template-columns:1fr}.url-story-row{gap:35px}.url-footer-grid{grid-template-columns:1fr 1fr}.url-links a:not(.url-nav-order){display:none}}
@media(max-width:650px){body.url-mode .url-nav-inner{min-height:66px;padding:8px 14px}.url-brand img{max-width:105px!important;height:44px!important}.url-nav-order{padding:10px 14px!important}.url-hero{min-height:auto!important}.url-hero-inner{padding:55px 16px!important}.url-order-actions{grid-template-columns:1fr}.url-info-grid,.url-story-row,.url-footer-grid{grid-template-columns:1fr}.url-info-grid{padding:26px 16px}.url-story{padding:65px 16px;gap:60px}.url-story-row.reverse .url-story-image{order:0}.url-footer-grid{gap:35px}.url-credit{flex-direction:column}.url-menu-heading{padding:45px 16px 0}body.url-mode .container{padding:14px 14px 190px}body.url-mode .menu-grid{grid-template-columns:1fr}body.url-mode .cart-summary{left:10px;right:10px;bottom:10px;padding:14px;gap:10px}}

/* Favorieten: vier kaarten naast elkaar op desktop. */
body.url-mode .featured-section{padding-bottom:16px;margin-bottom:0}
body.url-mode .featured-section .menu-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
body.url-mode .featured-product .product-content{padding:20px}
@media(max-width:900px){body.url-mode .featured-section .menu-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){body.url-mode .featured-section .menu-grid{grid-template-columns:1fr}}

body.url-mode .featured-product{display:flex;flex-direction:column;height:100%}
body.url-mode .featured-product .product-image{flex-shrink:0}
body.url-mode .featured-product .product-content{display:flex;flex-direction:column;flex:1}
body.url-mode .featured-product .featured-add,body.url-mode .product .product-add,body.url-mode .product .featured-add,body.url-mode #compose-add{margin-top:0;margin-left:auto;align-self:flex-end;flex:0 0 44px;width:44px;min-width:44px;height:44px;min-height:44px;padding:0;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;font-size:20px;color:#fff}
body.url-mode .featured-add .fa-plus,body.url-mode .product-add .fa-plus,body.url-mode #compose-add .fa-plus{font-weight:900;transition:transform .18s ease}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
body.url-mode .product-content:hover .featured-add .fa-plus,body.url-mode .product-content:hover .product-add .fa-plus,body.url-mode #compose-add:hover .fa-plus{transform:rotate(90deg) scale(1.18)}
}
@media(prefers-reduced-motion:reduce){body.url-mode .featured-add .fa-plus,body.url-mode .product-add .fa-plus,body.url-mode #compose-add .fa-plus{transition:none}}
.featured-product .featured-add[hidden]{display:none!important}
body.url-mode .featured-product .product-content>strong{margin-top:auto;margin-bottom:16px}

body.url-mode .product-content:has(.product-add),body.url-mode .product-content:has(.featured-add:not([hidden])){cursor:pointer}

body.url-mode .product-add,body.url-mode .featured-add{position:relative;overflow:visible}
/* Bestelacties hebben vaste contrastkleuren, ook bij een witte accentkleur. */
body.url-mode .featured-product .featured-add,
body.url-mode .product .product-add,
body.url-mode .product .featured-add,
body.url-mode #compose-add{background:#ec6607;color:#17212b}
body.url-mode .featured-product .featured-add:hover,
body.url-mode .product .product-add:hover,
body.url-mode .product .featured-add:hover,
body.url-mode #compose-add:hover{background:#a74400;color:#fff}
body.url-mode .compose-dialog{--ink:#17212b;--accent:#ec6607;--accent-dark:#a74400;--accent-soft:#fff0e5;--muted:#59636d;color:var(--ink)}
.product-cart-count{position:absolute;top:-9px;right:-9px;min-width:22px;height:22px;padding:0 5px;border-radius:50%;background:var(--ink);color:#fff;font:700 12px/22px Arial,sans-serif;text-align:center}
.product-cart-count[hidden],#compose-add [hidden]{display:none!important}
body.url-mode #compose-add.is-editing{width:auto;flex-basis:auto;padding:0 18px;font-size:16px}

body.url-mode .order-mode-summary{scroll-margin-top:calc(var(--nav-height,80px) + 16px);width:100%;box-sizing:border-box;margin:24px 0 0;padding:16px 20px;border:1px solid var(--line);border-radius:12px;background:#fff;display:flex;align-items:center;justify-content:space-between;gap:16px}
body.url-mode .order-mode-summary[hidden]{display:none}
.order-mode-summary p{margin:4px 0 0;overflow-wrap:anywhere}
.order-mode-summary .button{flex-shrink:0}
@media(max-width:650px){body.url-mode .order-mode-summary{margin:16px 0 0;padding:14px;gap:12px}.order-mode-summary .button{padding:10px}}

body.url-mode .container.order-mode-wrap{padding-top:0;padding-bottom:0}
.order-mode-wrap:has(.order-mode-summary[hidden]){display:none}

/* Ook afgeleide kleuren volgen de huisstijl tijdens de live preview. */
body.url-mode{--accent-dark:color-mix(in srgb,var(--accent) 82%,black);--accent-soft:color-mix(in srgb,var(--accent) 12%,white);--muted:color-mix(in srgb,var(--ink) 72%,white)}
body.url-mode .url-info-card p,
body.url-mode .url-story-copy p,
body.url-mode .url-footer p,
body.url-mode .url-footer td,
body.url-mode .order-start-surface .order-choice small{color:var(--muted)}