/* ===========================================================
   Pickel'z — style.css  (v3 — dark editorial)
   Aubergine + cream + gold. Hero & quote band kept.
   =========================================================== */

:root{
  /* Hero / quote (kept) */
  --bg-dark:#1A1012;
  --bg-dark-2:#241218;
  --on-dark:#F3EEE4;
  --on-dark-muted:#C9B6BC;
  --plum-bright:#8E3A52;
  /* Body (aubergine editorial) */
  --bg:#241019;
  --bg-2:#2C1422;
  --bg-deep:#1A0C12;
  --cream:#F3EEE4;
  --cream-muted:#C8B6BC;
  --gold:#E8A85C;
  --gold-bright:#F2C285;
  --line:rgba(243,238,228,.12);
  --container:1180px;
  --ease:cubic-bezier(.22,.61,.36,1);
}

/* ---------- Reset / base ---------- */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto;}}
body{
  font-family:'Poppins',system-ui,sans-serif;
  background:var(--bg);color:var(--cream);
  line-height:1.65;overflow-x:hidden;position:relative;
}
body.no-scroll{overflow:hidden;}
img{max-width:100%;display:block;}
a{color:inherit;text-decoration:none;}
button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit;}
ul{list-style:none;}
input,textarea{font-family:inherit;font-size:1rem;}

/* ambient breathing blobs (behind transparent body sections) */
body::before{
  content:"";position:fixed;inset:0;z-index:0;pointer-events:none;
  background:
    radial-gradient(45% 35% at 82% 8%, rgba(142,58,82,.18), transparent 70%),
    radial-gradient(42% 36% at 6% 60%, rgba(232,168,92,.10), transparent 70%),
    radial-gradient(38% 32% at 64% 96%, rgba(142,58,82,.12), transparent 70%);
  animation:breathe 18s ease-in-out infinite alternate;
}
@keyframes breathe{from{opacity:.65;transform:scale(1);}to{opacity:1;transform:scale(1.08);}}

/* film grain */
.grain{
  position:fixed;inset:0;z-index:3;pointer-events:none;opacity:.05;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  background-size:140px 140px;
}

/* ---------- Typography ---------- */
.ed-h2{font-family:'Playfair Display',serif;font-weight:700;color:var(--cream);font-size:clamp(2.1rem,5vw,3.9rem);line-height:1.08;letter-spacing:-.01em;}
.ed-h3{font-family:'Playfair Display',serif;font-weight:700;color:var(--cream);font-size:clamp(1.7rem,3.4vw,2.5rem);line-height:1.12;}
.script-label{font-family:'Dancing Script',cursive;font-weight:700;color:var(--gold);font-size:1.55rem;display:block;line-height:1;margin-bottom:.4rem;}
.ed-lead{color:var(--cream);font-size:1.08rem;line-height:1.75;}
.ed-muted{color:var(--cream-muted);}
.ed-center{text-align:center;margin-inline:auto;}
.price-gold{font-family:'Playfair Display',serif;font-weight:700;color:var(--gold);font-size:1.5rem;}
.ed-sec-head{text-align:center;margin-bottom:clamp(2.6rem,6vh,4.5rem);}
.container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:clamp(1.2rem,5vw,3rem);position:relative;z-index:1;}
section{position:relative;}

/* ---------- Buttons ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-family:'Poppins',sans-serif;font-weight:600;font-size:.98rem;padding:.85rem 1.7rem;border-radius:999px;transition:transform .25s var(--ease),box-shadow .25s,background .25s,color .25s;}
.btn:hover{transform:translateY(-2px);}
.btn--pill-onDark{background:var(--plum-bright);color:#fff;box-shadow:0 14px 30px -10px rgba(142,58,82,.7);}
.btn--pill-onDark:hover{background:#a64763;}
.btn--gold{background:var(--gold);color:#241019;box-shadow:0 16px 32px -14px rgba(232,168,92,.6);}
.btn--gold:hover{background:var(--gold-bright);}
.btn-ghost{display:inline-flex;align-items:center;gap:.5rem;padding:.7rem 1.5rem;border-radius:999px;border:1px solid rgba(232,168,92,.45);color:var(--gold);font-family:'Poppins';font-weight:600;font-size:.9rem;transition:.25s var(--ease);}
.btn-ghost:hover{background:rgba(232,168,92,.12);border-color:var(--gold);transform:translateY(-2px);}
.btn-link{display:inline-block;color:var(--gold);font-weight:600;border-bottom:1px solid rgba(232,168,92,.4);padding-bottom:2px;transition:.2s;}
.btn-link:hover{color:var(--gold-bright);border-color:var(--gold-bright);}

/* ===========================================================
   NAV
   =========================================================== */
.nav{position:fixed;inset:0 0 auto 0;z-index:60;padding:.7rem 0;transition:background .35s var(--ease),box-shadow .35s,padding .35s;}
.nav__inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;}
.nav__logo-word{font-family:'Fredoka',sans-serif;font-weight:700;font-size:1.5rem;color:var(--on-dark);transition:color .35s;}
.nav__center{display:flex;align-items:center;gap:1.8rem;}
.nav__link{font-weight:500;color:var(--on-dark);opacity:.9;transition:color .25s,opacity .25s;}
.nav__link:hover{opacity:1;color:var(--gold);}
.nav__right{display:flex;align-items:center;gap:1rem;}
.lang-toggle{border:2px solid rgba(243,238,228,.4);color:var(--on-dark);font-weight:700;font-size:.82rem;border-radius:999px;width:42px;height:34px;transition:.25s;}
.lang-toggle:hover{background:var(--on-dark);color:var(--bg);border-color:var(--on-dark);}
.nav__burger{display:none;width:42px;height:34px;position:relative;}
.nav__burger span{position:absolute;left:9px;right:9px;height:2.5px;background:var(--on-dark);border-radius:2px;transition:.3s var(--ease);}
.nav__burger span:nth-child(1){top:11px;}.nav__burger span:nth-child(2){top:16px;}.nav__burger span:nth-child(3){top:21px;}
.nav__burger.is-open span:nth-child(1){top:16px;transform:rotate(45deg);}
.nav__burger.is-open span:nth-child(2){opacity:0;}
.nav__burger.is-open span:nth-child(3){top:16px;transform:rotate(-45deg);}
.nav.scrolled{background:rgba(26,16,18,.7);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 6px 26px -16px rgba(0,0,0,.55);}
.nav.scrolled .nav__link:hover{color:var(--gold);}

/* ---------- Mobile drawer ---------- */
.drawer{position:fixed;inset:0;z-index:55;background:var(--bg-deep);display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .35s,visibility .35s;}
.drawer.is-open{opacity:1;visibility:visible;}
.drawer__nav{display:flex;flex-direction:column;align-items:center;gap:1.4rem;}
.drawer__link{font-family:'Playfair Display',serif;font-weight:700;font-size:1.7rem;color:var(--on-dark);}
.drawer__link:hover{color:var(--gold);}
.drawer__pill{background:var(--gold);color:#241019;padding:.7rem 1.8rem;border-radius:999px;font-family:'Poppins';font-weight:600;}

/* ===========================================================
   HERO  (kept)
   =========================================================== */
.hero{position:relative;min-height:100vh;min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:radial-gradient(120% 90% at 50% 16%, var(--bg-dark-2) 0%, var(--bg-dark) 55%),var(--bg-dark);color:var(--on-dark);padding:7rem 0 5rem;overflow:hidden;}
.hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:110px;background:linear-gradient(to bottom,transparent,#1A1012);}
.hero__socials{position:absolute;left:clamp(.8rem,3vw,2.2rem);top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:1rem;z-index:5;}
.hero__socials a{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;color:var(--on-dark);border:1px solid rgba(243,238,228,.25);transition:.25s var(--ease);}
.hero__socials a:hover{background:var(--cream);color:var(--bg);transform:translateY(-2px);}
.hero__content{position:relative;z-index:4;display:flex;flex-direction:column;align-items:center;}
.hero__eyebrow{text-transform:uppercase;letter-spacing:.28em;font-size:.72rem;font-weight:600;color:var(--on-dark-muted);margin-bottom:1.2rem;}
.hero__display{position:relative;display:flex;align-items:center;justify-content:center;width:100%;}
.hero__title{font-family:'Anton',sans-serif;font-weight:400;font-size:clamp(4.2rem,19vw,14.5rem);line-height:.86;letter-spacing:.02em;color:var(--on-dark);position:relative;z-index:1;}
.hero__burger{position:absolute;left:50%;top:58%;transform:translate(calc(-50% + var(--px,0px)),calc(-50% + var(--py,0px)));width:clamp(220px,40vw,510px);height:auto;z-index:2;pointer-events:none;filter:drop-shadow(0 30px 38px rgba(0,0,0,.55));}
.hero__tagline{font-family:'Permanent Marker',cursive;color:var(--gold);font-size:clamp(1.2rem,3vw,1.9rem);margin-top:1.1rem;}
.hero__slides{position:relative;height:1.8em;margin-top:.8rem;width:min(90vw,640px);}
.hero__accroche{position:absolute;inset:0;opacity:0;transform:translateY(8px);transition:opacity .5s,transform .5s;color:var(--on-dark-muted);font-size:1.05rem;}
.hero__accroche.is-active{opacity:1;transform:none;}
.hero__actions{display:flex;flex-direction:column;align-items:center;gap:1.4rem;margin-top:4.6rem;}
.hero__dots{display:flex;gap:.55rem;}
.hero__dots .dot{width:9px;height:9px;border-radius:50%;background:rgba(243,238,228,.3);transition:.25s;}
.hero__dots .dot.is-active{background:var(--gold);transform:scale(1.25);}
.hero__more{position:absolute;bottom:1.4rem;left:50%;transform:translateX(-50%);z-index:5;display:flex;flex-direction:column;align-items:center;gap:.2rem;color:var(--on-dark-muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.18em;}

/* ===========================================================
   QUOTE BAND  (kept)
   =========================================================== */
.quote-band{position:relative;min-height:100vh;min-height:100svh;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden;background:#1A1012;}
.quote-band__media{position:absolute;inset:0;background-image:url('../assets/img/quote-people.webp?v=2');background-size:cover;background-position:center 42%;opacity:.6;filter:saturate(.95) contrast(1.02);}
.quote-band__overlay{position:absolute;inset:0;background:linear-gradient(to bottom,#1A1012 0%,rgba(36,13,22,.64) 22%,rgba(36,13,22,.46) 50%,rgba(36,13,22,.64) 82%,rgba(36,13,22,.86) 100%);}
.quote-band__text{position:relative;z-index:2;max-width:760px;padding:2rem clamp(1.4rem,5vw,3rem);}
.quote-band__text p{font-family:'Playfair Display',serif;font-weight:600;font-style:italic;color:var(--cream);font-size:clamp(1.6rem,4.4vw,3.1rem);line-height:1.28;text-shadow:0 6px 34px rgba(0,0,0,.55);}
.quote-band__by{display:inline-block;margin-top:1.3rem;font-family:'Dancing Script',cursive;font-weight:700;color:var(--gold);font-size:1.5rem;}

/* ===========================================================
   .fuse — food melting into the dark background
   =========================================================== */
.fuse{width:100%;height:auto;display:block;-webkit-mask-image:radial-gradient(ellipse 74% 74% at 50% 50%,#000 52%,transparent 80%);mask-image:radial-gradient(ellipse 74% 74% at 50% 50%,#000 52%,transparent 80%);}
.fuse-soft{width:min(100%,460px);height:auto;display:block;filter:drop-shadow(0 40px 55px rgba(0,0,0,.6));}
.glow::before{content:"";position:absolute;inset:10%;z-index:-1;background:radial-gradient(circle,rgba(232,168,92,.20),transparent 68%);filter:blur(46px);}

/* ===========================================================
   ABOUT (editorial)
   =========================================================== */
.ed-about{padding:clamp(5rem,12vh,9rem) 0;overflow:hidden;}
.ed-about__grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(2rem,6vw,5rem);align-items:center;}
.ed-about__text{max-width:30rem;}
.ed-about__text .ed-h2{margin:.3rem 0 1.3rem;}
.ed-about__text .ed-lead{margin-bottom:1rem;}
.ed-about__text .btn-link{margin-top:1.4rem;}
.ed-about__media{position:relative;}
.ed-about__media::before{content:"";position:absolute;inset:12%;z-index:0;background:radial-gradient(circle,rgba(232,168,92,.18),transparent 68%);filter:blur(50px);}

/* ===========================================================
   SIGNATURES (alternating editorial rows)
   =========================================================== */
.ed-sig{padding:clamp(3rem,8vh,6rem) 0 clamp(5rem,12vh,9rem);}
.ed-dish{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,6vw,5rem);align-items:center;margin-bottom:clamp(4rem,10vh,8rem);}
.ed-dish:last-child{margin-bottom:0;}
.ed-dish__media{position:relative;}
.ed-dish__media::before{content:"";position:absolute;inset:14%;z-index:0;background:radial-gradient(circle,rgba(232,168,92,.16),transparent 66%);filter:blur(48px);}
.ed-dish--rev .ed-dish__media{order:2;}
.ed-dish--rev .ed-dish__text{order:1;}
.ed-dish__text{max-width:30rem;}
.ed-dish__num{font-family:'Playfair Display',serif;font-style:italic;font-weight:500;font-size:3.2rem;color:rgba(232,168,92,.4);display:block;line-height:1;}
.ed-dish__text .ed-h3{margin:.1rem 0 .9rem;}
.ed-dish__foot{display:flex;align-items:center;gap:1.6rem;margin-top:1.4rem;flex-wrap:wrap;}

/* ===========================================================
   MENU (kept, dark editorial list)
   =========================================================== */
.menu{padding:clamp(4rem,10vh,8rem) 0;background:var(--bg-deep);}
.menu__filters{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-bottom:2.4rem;}
.menu__filter{background:transparent;border:1px solid var(--line);color:var(--cream-muted);font-family:'Poppins';font-weight:500;font-size:.88rem;padding:.5rem 1.1rem;border-radius:999px;transition:.2s var(--ease);}
.menu__filter:hover{color:var(--cream);border-color:rgba(232,168,92,.5);}
.menu__filter.is-active{background:var(--gold);color:#241019;border-color:var(--gold);}
.menu__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:0 3rem;}
.card{background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:1.05rem 0;transition:padding .25s var(--ease);}
.card:hover{padding-left:.5rem;}
.card__head{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;}
.card__name{font-family:'Playfair Display',serif;font-weight:600;color:var(--cream);font-size:1.12rem;}
.card--sig .card__name::after{content:"★";color:var(--gold);font-size:.7rem;margin-left:.4rem;vertical-align:middle;}
.card__price{font-family:'Playfair Display',serif;font-weight:600;color:var(--gold);white-space:nowrap;}
.card__desc{color:var(--cream-muted);font-size:.85rem;margin-top:.25rem;max-width:48ch;}
.card__sig-tag{display:none;}
.menu__supp-wrap{margin-top:2.8rem;border-top:1px solid var(--line);padding-top:1.8rem;}
.menu__supp-title{text-align:center;margin-bottom:1.2rem;}
.menu__supp{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;}
.supp{display:inline-flex;gap:.4rem;align-items:center;background:transparent;border:1px solid var(--line);border-radius:999px;padding:.32rem .8rem;font-size:.82rem;color:var(--cream-muted);}
.supp__price{color:var(--gold);font-weight:600;}

/* ===========================================================
   RECENTLY (editorial)
   =========================================================== */
.ed-recent{padding:clamp(4rem,10vh,8rem) 0;overflow:hidden;}
.ed-recent__grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,6vw,5rem);align-items:center;}
.ed-recent__media{position:relative;display:flex;justify-content:center;}
.ed-recent__media::before{content:"";position:absolute;inset:6%;z-index:0;background:radial-gradient(circle,rgba(232,168,92,.22),transparent 66%);filter:blur(52px);}
.ed-recent__text{max-width:30rem;}
.ed-recent__text .ed-h2{margin:.3rem 0 1.1rem;}
.ed-recent__text .btn{margin-top:1.5rem;}

/* ===========================================================
   NEWSLETTER (dark band)
   =========================================================== */
.ed-news{padding:clamp(3rem,7vh,5.5rem) 0;}
.ed-news__inner{position:relative;overflow:hidden;background:linear-gradient(135deg,#2E1422,#180A10);border:1px solid var(--line);border-radius:30px;padding:clamp(2rem,5vw,3.5rem);display:flex;align-items:center;justify-content:space-between;gap:2rem;flex-wrap:wrap;}
.ed-news__copy{max-width:32rem;}
.ed-news__copy .ed-h2{margin:.2rem 0 .5rem;}
.ed-news__form{display:flex;gap:.5rem;background:rgba(243,238,228,.06);border:1px solid var(--line);border-radius:999px;padding:.4rem;}
.ed-news__form input{flex:1;min-width:200px;background:transparent;border:none;color:var(--cream);padding:.6rem 1rem;}
.ed-news__form input::placeholder{color:var(--cream-muted);}
.ed-news__form input:focus{outline:none;}
.ed-news__msg{width:100%;color:var(--gold);margin-top:.4rem;font-weight:600;}

/* ===========================================================
   FOOTER
   =========================================================== */
.footer{background:var(--bg-deep);padding:clamp(3rem,6vh,4.5rem) 0 1.5rem;border-top:1px solid var(--line);}
.footer__grid{display:grid;grid-template-columns:1.7fr 1fr 1fr 1.1fr;gap:2rem;}
.footer__word{font-family:'Fredoka',sans-serif;font-weight:700;font-size:1.5rem;color:var(--cream);}
.footer__tag{color:var(--cream-muted);margin:.8rem 0 1rem;font-size:.92rem;max-width:32ch;}
.footer__socials{display:flex;gap:.6rem;}
.footer__socials a{width:36px;height:36px;border-radius:50%;border:1px solid var(--line);color:var(--cream);display:grid;place-items:center;transition:.25s var(--ease);}
.footer__socials a:hover{background:var(--gold);color:#241019;border-color:var(--gold);transform:translateY(-2px);}
.footer__col h4{font-family:'Playfair Display',serif;font-weight:600;color:var(--cream);margin-bottom:1rem;font-size:1.02rem;}
.footer__col a,.footer__col p{display:block;color:var(--cream-muted);margin-bottom:.5rem;font-size:.9rem;transition:color .2s;}
.footer__col a:hover{color:var(--gold);}
.footer__bottom{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;border-top:1px solid var(--line);margin-top:2.6rem;padding-top:1.3rem;}
.footer__bottom p{color:var(--cream-muted);font-size:.82rem;}
.footer__sign{font-family:'Dancing Script',cursive;color:var(--gold);font-size:1.15rem;}

/* ===========================================================
   FLOATING INGREDIENTS
   =========================================================== */
.ingredient{position:absolute;z-index:0;pointer-events:none;width:96px;height:96px;background-repeat:no-repeat;background-position:center;background-size:contain;opacity:.92;filter:drop-shadow(0 18px 22px rgba(0,0,0,.45));}
.ing-herb{background-image:url('../assets/img/epinards.png');}
.ing-sesame{background-image:url('../assets/img/ing-sesame.png');width:74px;height:74px;}
.ing-pickle{background-image:url('../assets/img/ing-pickle.png');}
.ing-onion{background-image:url('../assets/img/ing-onion.png');width:110px;height:110px;}
.ing-tomato{background-image:url('../assets/img/onion-rings.png');}
.ed-about .ing-herb{top:14%;right:5%;}
.ed-about .ing-sesame{bottom:16%;left:3%;}
.menu .ing-pickle{top:7%;left:4%;}
.ed-recent .ing-onion{top:8%;right:4%;}
.ed-recent .ing-tomato{bottom:12%;left:5%;}