@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@700;800;900&family=Nunito:wght@500;600;700;800&display=swap');

:root{
  --encre:#15120e; --encre2:#2b2520; --creme:#f6efe3; --creme2:#efe5d3; --blanc:#fffdf8;
  --moutarde:#e2a62a; --moutarde2:#f0b93f; --moutarde-fonce:#b8841a;
  --vert:#5b8c5a; --brique:#b3392b;
  --mag:var(--moutarde-fonce); --mag2:var(--moutarde); --coral:var(--moutarde2); --orange:var(--moutarde);
  --or:var(--moutarde); --prune:var(--encre); --prune2:var(--encre2);
  --rose:#f6ead0; --blanc:#fffdf8;
  --grad-chaud:linear-gradient(135deg,#e2a62a 0%,#f0b93f 100%);
  --grad-page:linear-gradient(170deg,#f6efe3 0%,#f1e7d6 55%,#ecdfc9 100%);
  --ink:#15120e; --muted:#7a7066; --line:#e8dcc7; --card:#fffdf8;
  --ombre-s:0 4px 16px -6px rgba(21,18,14,.14);
  --ombre-m:0 10px 30px -12px rgba(21,18,14,.22);
  --ombre-mag:0 10px 22px -10px rgba(184,132,26,.45);
  --bleu:#15120e; --bleu2:#2b2520;
  --font-display:'Rubik','Montserrat',system-ui,sans-serif;
  --font-body:'Nunito',-apple-system,system-ui,sans-serif;
}
body{background:var(--creme)}
.panel,.welcome{background:var(--creme)}
.topbar{background:var(--encre);color:var(--creme);letter-spacing:.2px}

.appbar{background:var(--encre) url(img/banniere.png) left center/auto 100% no-repeat;box-shadow:0 4px 24px rgba(21,18,14,.28)}
.icon-btn{background:rgba(246,239,227,.12);color:var(--creme)}
.cart-badge{background:var(--moutarde);color:var(--encre);border-color:var(--encre)}

.hero{background:var(--encre)}
.hero-poster{background:var(--encre) url(img/hero.webp) center/cover no-repeat}
.hero::before{background:linear-gradient(180deg,rgba(21,18,14,.08) 40%,rgba(21,18,14,.55) 100%)}

.hlbox{color:var(--encre);background:var(--moutarde)}
.home-cta,.btn-primary,.btn-wa,.add,.chip.on,.hr-mode.on,.mode-btn.on,.ochoice.on,.promo-box button,.onboard-steps .ob-num,.cat-head .from,.opt-head em{color:var(--encre)!important}
.ochoice.on .oc-price{color:var(--encre)}
.price,.citem-price,.cart-total-row span:last-child{color:var(--encre)}
.hr-change,.sec-all,.rb-edit,.opt-max,.fold-toggle .ft-chev,.link-mag,.onboard-steps strong{color:var(--moutarde-fonce)}
.cartbar-total{color:var(--moutarde)}
.cartbar-count{background:var(--moutarde);color:var(--encre)}
.toast b{color:var(--moutarde)}
.btn-wa{background:var(--grad-chaud);box-shadow:var(--ombre-mag)}
.btn-wa svg{display:none}

.hr-info small,.resto-etat{color:var(--vert)}
.hr-dot,.resto-etat::before{background:var(--vert)}
@keyframes dotPulse{0%,100%{box-shadow:0 0 0 0 rgba(91,140,90,.4)}50%{box-shadow:0 0 0 4px rgba(91,140,90,0)}}
.add.ok{background:var(--vert);color:#fff!important;box-shadow:0 6px 16px -6px rgba(91,140,90,.6)}
.wa-note,.promo-applied{background:#e8efe3;color:#3d6b3c}
.promo-applied button{color:#3d6b3c}
.cart-line.discount,.livr-note.ok,.welcome-note{color:#3d6b3c}
.oc-pill.prete{background:var(--vert)}

.home-cta,.btn-primary{box-shadow:0 6px 0 rgba(21,18,14,.22), inset 0 2px 3px rgba(255,255,255,.45), inset 0 -8px 14px rgba(0,0,0,.08)}
.home-cta:active,.btn-primary:active{box-shadow:0 2px 0 rgba(21,18,14,.26), inset 0 2px 3px rgba(255,255,255,.4)}
.add{box-shadow:0 4px 0 rgba(21,18,14,.22), inset 0 1px 2px rgba(255,255,255,.55)}
.chip.on{box-shadow:0 4px 0 rgba(21,18,14,.18), inset 0 1px 2px rgba(255,255,255,.4), var(--ombre-mag)}
.tabbar{background:var(--encre);box-shadow:0 16px 40px -8px rgba(21,18,14,.55), inset 0 2px 3px rgba(255,255,255,.1)}
.cartbar{background:var(--encre);box-shadow:0 14px 34px -8px rgba(21,18,14,.55), inset 0 2px 3px rgba(255,255,255,.12)}

.pcard-img,.home-card-img,.citem-img,.up-img,.sheet-head{background-color:var(--creme2)}
.pcard-img img{object-fit:cover}
.sheet-head{height:230px;background-size:cover;background-position:center}
.sheet-head::after{background:linear-gradient(180deg,transparent 70%,rgba(21,18,14,.08))}
.welcome-guest{background:transparent!important;color:var(--muted)}
.field select:focus,.field input:focus,.promo-box input:focus,.verify-input:focus,#livr-block select:focus{box-shadow:0 0 0 3px rgba(226,166,42,.22)}
.resto-opt.on,.pay-opt.on{box-shadow:0 0 0 3px rgba(226,166,42,.18)}
#livr-block{border-color:rgba(226,166,42,.3)}
.chip .chip-img{border-color:var(--creme)}
.grab{background:#dccfb9}
.plus-item i{color:#b9ab98}
.story{background:var(--encre)}
.story-slide::after{background:linear-gradient(to top,rgba(21,18,14,.92) 0%,rgba(21,18,14,.45) 44%,rgba(21,18,14,.1) 100%)}
.story-body p{color:var(--creme)}
.story-guest{color:var(--moutarde)}
.backdrop{background:rgba(21,18,14,.6)}
.welcome-top{background:var(--encre)}
.welcome-logo{filter:none}
.verify-demo{background:#f6ead0;border-color:var(--moutarde);color:#6b4d0b}
.field input.err,.welcome-body .field input.err{border-color:var(--brique);background:#fbf0ee}
.closed .hr-dot,.resto-etat.closed::before{background:var(--brique)}
.resto-etat.closed,.rupture-tag,.oc-indispo,.promo-err,.cgu-err,.plus-danger span{color:var(--brique)}
.oc-pill.annulee{background:#f3dcd7;color:var(--brique)}
.orders-warn{background:#f6ead0}

.essai-bandeau{position:sticky;top:0;z-index:60;display:flex;align-items:center;gap:8px;flex-wrap:wrap;
  padding:calc(var(--safe-top) + 6px) 12px 6px;background:var(--encre2);color:var(--creme);font-size:.78rem;font-weight:700;border-bottom:1px solid rgba(246,239,227,.1)}
.essai-bandeau .eb-txt{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.essai-bandeau .eb-txt b{color:var(--moutarde)}
.essai-bandeau a,.essai-bandeau button{color:var(--creme);background:rgba(246,239,227,.12);border-radius:999px;
  padding:6px 11px;font-size:.74rem;font-weight:700;text-decoration:none;white-space:nowrap;font-family:inherit}
.essai-bandeau a:active,.essai-bandeau button:active{background:rgba(246,239,227,.26)}
@media (max-width:480px){
  .essai-bandeau{row-gap:5px}
  .essai-bandeau .eb-txt{flex:1 1 100%;white-space:normal;text-align:center}
  .essai-bandeau a,.essai-bandeau button{flex:1 1 0;text-align:center;padding:5px 8px;font-size:.72rem}
}
body.avec-essai .appbar{top:var(--essai-h,0px)}
body.avec-essai .chips{top:calc(var(--essai-h,0px) + var(--appbar-h,54px))}
html.sans-bandeau .essai-bandeau{display:none}
html.sans-bandeau body.avec-essai .appbar{top:0}
html.sans-bandeau body.avec-essai .chips{top:var(--appbar-h,54px)}

.essai-verrou{position:fixed;inset:0;z-index:9000;display:flex;align-items:center;justify-content:center;
  padding:24px;background:var(--creme);color:var(--encre);text-align:center}
.essai-verrou::before{content:'';position:absolute;inset:0;background:var(--grad-page);z-index:-1}
.essai-verrou .ev-box{max-width:420px;width:100%;background:var(--blanc);border-radius:26px;padding:28px 22px;box-shadow:var(--ombre-m)}
.essai-verrou .ev-logo{height:56px;width:auto;margin:0 auto 14px;display:block}
.essai-verrou h1{font-family:var(--font-display);font-weight:800;text-transform:uppercase;letter-spacing:.4px;
  font-size:1.35rem;margin:0 0 8px;color:var(--encre)}
.essai-verrou p{margin:0 0 18px;color:var(--muted);font-size:.92rem;line-height:1.5}
.essai-verrou .ev-actions{display:grid;gap:10px}
.essai-verrou a,.essai-verrou button{display:block;border-radius:999px;padding:14px 18px;font-weight:800;
  font-family:var(--font-display);text-transform:uppercase;letter-spacing:.4px;font-size:.95rem;text-decoration:none}
.essai-verrou .ev-principal{background:var(--grad-chaud);color:var(--encre);box-shadow:var(--ombre-mag)}
.essai-verrou .ev-secondaire{background:#f6ead0;color:var(--moutarde-fonce)}
.essai-verrou .ev-note{margin:16px 0 0;font-size:.78rem;color:#a39588}