/* Styles communs des pages intérieures Mel&uneBougie (fiche produit, devis…) — univers Crépuscule */
:root{
  --bg:#2a1712; --bg-2:#36221b; --night:#1c0f0b;
  --ink:#f6e2d9; --soft:#cfb2a6; --rose:#eab0bb; --gold:#d9ad5f; --gold-lt:#f1d49a;
  --pk:#efcdc8; --pk-ink:#2a1712; --line:rgba(246,226,217,.14);
  --f-display:"Fraunces","Recoleta",Georgia,serif; --f-body:"Figtree","Segoe UI",system-ui,sans-serif;
  --gut:max(16px,env(safe-area-inset-left,0px)); --gut-r:max(16px,env(safe-area-inset-right,0px));
  color-scheme:dark;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:radial-gradient(60% 40% at 80% 8%,rgba(217,173,95,.16),transparent 70%),radial-gradient(45% 40% at 5% 45%,rgba(234,176,187,.10),transparent 70%),var(--bg);color:var(--ink);font:400 17px/1.6 var(--f-body);-webkit-font-smoothing:antialiased;overflow-x:hidden;min-height:100vh}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:60;background:var(--bg)}
img{max-width:100%;display:block}
a{color:inherit}
[hidden]{display:none!important}
:focus-visible{outline:2px solid var(--gold-lt);outline-offset:3px}
.wrap{max-width:1220px;margin:0 auto;padding-left:var(--gut);padding-right:var(--gut-r)}
.skip{position:fixed;left:16px;top:calc(12px + env(safe-area-inset-top,0px));z-index:100;background:var(--gold-lt);color:var(--pk-ink);padding:12px 18px;border-radius:999px;font-weight:600;text-decoration:none;transform:translateY(-200%);transition:transform .3s}
.skip:focus{transform:none}
.kicker{display:inline-flex;align-items:center;gap:10px;font:600 12px/1 var(--f-body);letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}
.kicker::before{content:"";width:9px;height:9px;background:var(--gold);clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%)}
.shim{background:linear-gradient(100deg,var(--rose) 0%,var(--gold-lt) 30%,#fff3dc 50%,var(--gold-lt) 70%,var(--rose) 100%) 0 0/220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shim 6s linear infinite}
@keyframes shim{from{background-position:110% 0}to{background-position:-110% 0}}

/* Barre de menu (identique à l'accueil) */
.nav{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;background:rgba(42,23,18,.82);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.nav .wrap{display:flex;align-items:center;gap:20px;height:96px;transition:height .45s cubic-bezier(.2,.8,.2,1)}
.brand{margin-right:auto;display:block}
.brand img{height:80px;width:auto;transition:height .45s cubic-bezier(.2,.8,.2,1);filter:drop-shadow(0 0 14px rgba(234,176,187,.25))}
.nav.is-scrolled .wrap{height:74px}.nav.is-scrolled .brand img{height:60px}
.nav ul{display:flex;gap:2px;list-style:none;margin:0;padding:0}
.nav ul a,.mnav a{font-family:var(--f-display);font-style:italic;font-variation-settings:"SOFT" 100,"WONK" 1;text-decoration:none;color:var(--ink)}
.nav ul a{display:block;padding:8px 14px;font-size:20px;border-radius:999px}
.nav ul a:hover,.mnav a:hover{background:linear-gradient(100deg,var(--rose) 0%,var(--gold-lt) 30%,#fff3dc 50%,var(--gold-lt) 70%,var(--rose) 100%) 0 0/220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shim 6s linear infinite}
.icon-btn{position:relative;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;cursor:pointer}
.bag{border:0;background:var(--ink);color:var(--bg)}
.bag svg{width:20px;height:20px}
.bag b{position:absolute;top:-4px;right:-4px;min-width:22px;height:22px;border-radius:999px;background:var(--rose);color:var(--pk-ink);font:600 12px/22px var(--f-body);text-align:center;padding:0 5px}
.bag.bump{animation:wiggle .7s}
@keyframes wiggle{20%{transform:rotate(-12deg) scale(1.1)}45%{transform:rotate(10deg)}70%{transform:rotate(-5deg)}}
.burger{display:none;border:1px solid var(--line);background:transparent;place-content:center;gap:5px;padding:0}
.burger span{display:block;width:18px;height:1.6px;background:var(--ink);border-radius:2px;transition:transform .4s,opacity .3s}
.burger[aria-expanded="true"] span:nth-child(1){transform:translateY(6.6px) rotate(45deg)}
.burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-6.6px) rotate(-45deg)}
.mnav{position:fixed;inset:0;z-index:49;overflow-y:auto;overscroll-behavior:contain;padding:calc(110px + env(safe-area-inset-top,0px)) var(--gut-r) 60px var(--gut);background:radial-gradient(70% 50% at 80% 20%,rgba(217,173,95,.22),transparent 70%),var(--bg)}
.mnav nav{display:flex;flex-direction:column;gap:6px}
.mnav a{font-size:clamp(34px,10vw,48px);line-height:1.15}

/* Fil d'Ariane */
.crumbs{padding-block:22px 6px;font-size:14px;color:var(--soft)}
.crumbs a{color:var(--soft);text-decoration:none}
.crumbs a:hover{color:var(--gold-lt)}
.crumbs span[aria-current]{color:var(--ink)}

footer{border-top:1px solid var(--line);padding-block:30px calc(40px + env(safe-area-inset-bottom,0px));font-size:14px;color:var(--soft)}
footer .wrap{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;align-items:center}
footer nav{display:flex;gap:18px;flex-wrap:wrap}
footer a{text-decoration:none}
footer a:hover{color:var(--gold-lt)}
.toast{position:fixed;left:50%;top:calc(110px + env(safe-area-inset-top,0px));z-index:70;display:flex;align-items:center;gap:14px;background:var(--ink);color:var(--pk-ink);border-radius:999px;padding:8px 8px 8px 20px;font-size:14px;font-weight:500;transform:translate(-50%,-30px);opacity:0;visibility:hidden;transition:transform .6s cubic-bezier(.3,1.4,.5,1),opacity .3s,visibility .3s;max-width:calc(100% - 32px)}
.toast.show{transform:translate(-50%,0);opacity:1;visibility:visible}
.toast button{border:0;border-radius:999px;background:var(--pk-ink);color:var(--ink);padding:10px 14px;font:600 13px var(--f-body);cursor:pointer;white-space:nowrap}
.twinkle{position:fixed;z-index:0;width:var(--s);height:var(--s);pointer-events:none;background:radial-gradient(circle,#fff 0 18%,var(--c) 45%);clip-path:polygon(50% 0,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%);animation:twk var(--t) ease-in-out infinite;animation-delay:var(--dl)}
@keyframes twk{0%,100%{opacity:.1;transform:scale(.5)}50%{opacity:.9;transform:scale(1) rotate(45deg)}}
main,footer{position:relative;z-index:1}

@media (max-width:1000px){
  .nav ul{display:none}
  .burger{display:grid}
  .nav .wrap{height:78px;gap:12px}
  .brand img{height:62px}
  .nav.is-scrolled .wrap{height:64px}.nav.is-scrolled .brand img{height:50px}
}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
/* Liens légaux du pied de page */
.legal-links{flex-basis:100%;display:flex;flex-wrap:wrap;gap:8px 20px;padding-top:14px;border-top:1px solid var(--line, rgba(246,226,217,.14));font-size:13px}
.legal-links a{color:inherit;opacity:.8;text-decoration:none}
.legal-links a:hover{opacity:1;color:var(--gold-lt)}
/* page bloquée derrière le menu ouvert */
html.menu-open body{overflow:hidden}