/* ===== Boutique : compte, panier, commande ===== (même univers que l'accueil : nuit, verre dépoli, ciel/nuages, touches d'or) */
:root{--gold:#f6c85f;--gold2:#e9a82c;--muted:#a9b9e8;--ok:#34d399;--warn:#f5b942;--bad:#ff6b7a;--violet:#a78bfa;--sky:#38bdf8}

/* Navigation : compte + panier */
#nav nav .navacct{display:inline-flex;align-items:center;gap:.4rem}
#nav nav .navcart{display:inline-flex;align-items:center;gap:.5rem;padding:.45rem .95rem;border-radius:99px;background:linear-gradient(180deg,var(--gold),var(--gold2));color:#2a1d00;font-weight:700;box-shadow:0 4px 16px rgba(246,200,95,.28);transition:transform .2s,box-shadow .2s}
#nav nav .navcart:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(246,200,95,.4)}
.navcart svg{width:1.3rem;height:1.3rem;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}
.navcart .navn{background:#2a1d00;color:var(--gold)}
.nc-sum{padding-left:.55rem;border-left:1px solid rgba(42,29,0,.3);font-weight:700;white-space:nowrap}
.nc-sum[hidden]{display:none}
.navn{display:inline-grid;place-items:center;min-width:1.35rem;height:1.35rem;padding:0 .35rem;border-radius:99px;background:var(--gold);color:#2a1d00;font:700 .72rem/1 Poppins,sans-serif}
.navn[hidden]{display:none}
.navn.bump{animation:bump .5s ease}
@keyframes bump{40%{transform:scale(1.5)}}

/* Toast d'ajout au panier (accueil) */
#toast{position:fixed;left:50%;bottom:max(22px,env(safe-area-inset-bottom));z-index:120;translate:-50% 30px;opacity:0;pointer-events:none;padding:.8rem 1.3rem;border-radius:999px;font-weight:600;font-size:.92rem;color:#fff;background:rgba(12,18,64,.95);border:1px solid rgba(127,212,255,.6);box-shadow:0 14px 40px rgba(0,0,0,.45);transition:opacity .3s,translate .3s}
#toast.show{opacity:1;translate:-50% 0}
#toast.ok::before{content:"🛒 "}#toast.err{border-color:rgba(255,107,122,.7)}

/* Section « Commander » de l'accueil */
.order-cta{display:grid;grid-template-columns:minmax(120px,220px) 1fr;gap:1.6rem;align-items:center}
.order-cta .oc-chibi img{width:100%;height:auto;filter:drop-shadow(0 18px 30px rgba(3,8,40,.5))}
.order-cta h3{font:2rem var(--disp);letter-spacing:.03em;margin-bottom:.8rem}
.oc-steps{margin:0 0 1.2rem;padding-left:1.2rem;display:grid;gap:.45rem;color:#dbe8ff}
.oc-steps li::marker{color:var(--gold);font-weight:700}
.oc-actions{display:flex;gap:.8rem;flex-wrap:wrap}
@media(max-width:700px){.order-cta{grid-template-columns:1fr;text-align:left}.order-cta .oc-chibi{width:120px}.oc-actions .cta{flex:1 1 100%;justify-content:center}}


/* Menu mobile/tablette : le panier reste un vrai bouton doré, en tête du menu */
@media(max-width:1100px){
  #nav nav>a.navcart.navcart{order:-1;background:linear-gradient(180deg,var(--gold),var(--gold2));color:#2a1d00;font-weight:700;font-size:1.05rem;min-height:52px;justify-content:center;box-shadow:0 6px 20px rgba(246,200,95,.3)}
  #nav nav>a.navcart.navcart:hover,#nav nav>a.navcart.navcart:active{background:linear-gradient(180deg,#ffe08a,var(--gold))}
}

/* Barre du haut : jamais de retour à la ligne, resserrée sur écrans moyens */
#nav nav>a,#nav nav .cta{white-space:nowrap}
@media(min-width:1101px) and (max-width:1500px){
  #nav nav{gap:.7rem!important}
  #nav nav>a:not(.cta){font-size:.9rem}
  #nav nav .cta{padding-inline:1rem;font-size:.9rem}
  #nav nav .navcart{padding:.4rem .75rem}
}