/* ============================================================
   Il Pinel'lo — Dark Luxury
   Grafietzwart met zachte gouden/warme accenten, glassmorphism,
   grote typografie, een menu-popup en de tricolore lijnen links.
   ============================================================ */
:root{
  --bg:#0f0f11;
  --text:#EDE7DC;
  --muted:#A39C90;
  --gold:#D9B872;
  --gold-deep:#B8914A;
  --ember:#C8553D;
  --green:#2E9B57;
  --red:#C8352B;
  --border:rgba(255,255,255,.10);
  --border-strong:rgba(217,184,114,.42);
  --radius:18px;
  --header-h:68px;
  --maxw:1120px;
  --gutter:24px;
  /* Zijmarge: header, hero, secties en footer delen dezelfde linker- en rechterrand.
     Op brede schermen wordt de marge groter zodat de inhoud gecentreerd blijft. */
  --s:1; /* schaalfactor voor grote schermen, zie onderaan */
  --pad-x:max(var(--gutter), calc((100% - var(--maxw)) / 2));
  --mono:'JetBrains Mono',ui-monospace,'SFMono-Regular',Menlo,Consolas,monospace;
}
@media (min-width:760px){ :root{ --gutter:56px; } }
@media (min-width:1500px){ :root{ --maxw:1240px; } }

*{box-sizing:border-box;}
html{
  background:var(--bg);
  scroll-behavior:smooth;
  scroll-padding-top:calc(var(--header-h) + 8px);
}
html:has(dialog[open]){overflow:hidden;} /* pagina achter een popup niet laten scrollen */
body{
  margin:0;color:var(--text);
  font-family:'Montserrat',system-ui,sans-serif;
  line-height:1.65;-webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
/* zachte gloed op de achtergrond, zodat het glas iets heeft om te vervagen */
body::before{
  content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;
  background:
    radial-gradient(640px 420px at 12% 8%, rgba(217,184,114,.13), transparent 60%),
    radial-gradient(720px 520px at 92% 55%, rgba(200,85,61,.10), transparent 60%),
    radial-gradient(520px 420px at 25% 100%, rgba(217,184,114,.08), transparent 60%);
}
/* filmkorrel */
body::after{
  content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.06;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}
h1,h2,h3,h4{font-family:'Playfair Display',Georgia,serif;margin:0;font-weight:500;}
a{color:var(--gold);}
img,video{max-width:100%;display:block;}
p{margin:0 0 14px;}
.muted{color:var(--muted);font-size:14px;}
::selection{background:var(--gold);color:#17120a;}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px;}
.sr-only{
  position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;
  clip:rect(0 0 0 0);white-space:nowrap;border:0;
}

/* ---------- Tricolore lijnen links, over de hele pagina ---------- */
.edge-lines{
  position:fixed;left:10px;top:0;bottom:0;z-index:40;pointer-events:none;
  display:flex;gap:5px;
}
.edge-lines i{display:block;width:3px;height:100%;}
.edge-lines .g{background:var(--green);box-shadow:0 0 12px rgba(46,155,87,.35);}
.edge-lines .r{background:var(--red);box-shadow:0 0 12px rgba(200,53,43,.35);}
@media (max-width:759px){
  .edge-lines{left:6px;gap:3px;}
  .edge-lines i{width:2px;}
}

/* ---------- Logo (Juice ITC, als vector) ---------- */
.logo-svg{display:block;overflow:visible;}
.brand{display:block;line-height:0;text-decoration:none;}
.brand .logo-svg{height:38px;width:auto;}
.hero-logo{margin:0;line-height:0;}
.hero-logo .logo-svg{width:min(100%,clamp(260px,50vw,680px));height:auto;filter:drop-shadow(0 6px 30px rgba(0,0,0,.45));}
.footer-logo{display:inline-block;line-height:0;margin-bottom:10px;}
.footer-logo .logo-svg{height:62px;width:auto;}

/* ---------- Glas ---------- */
.glass{
  position:relative;overflow:hidden;
  background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.02));
  border:1px solid var(--border);border-radius:var(--radius);
  -webkit-backdrop-filter:blur(14px) saturate(125%);
          backdrop-filter:blur(14px) saturate(125%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 24px 40px -28px rgba(0,0,0,.9);
  transition:border-color .3s,box-shadow .3s,transform .3s;
}
.glass::before{ /* glow die de muis volgt (--mx/--my zet main.js) */
  content:"";position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .3s;
  background:radial-gradient(340px circle at var(--mx,50%) var(--my,50%),rgba(217,184,114,.17),transparent 60%);
}
.glass:hover,.glass:focus-within{
  border-color:var(--border-strong);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 0 0 1px rgba(217,184,114,.10),0 22px 60px -24px rgba(217,184,114,.38);
}
.glass:hover::before,.glass:focus-within::before{opacity:1;}
.glass > *{position:relative;}

/* ---------- Header ---------- */
.site-header{
  position:sticky;top:0;z-index:30;height:var(--header-h);
  display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 var(--pad-x);
  background:rgba(15,15,17,.72);
  -webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);
  border-bottom:1px solid var(--border);
}
.brand-group{display:flex;align-items:center;gap:12px;min-width:0;}
.open-status{
  display:inline-flex;align-items:center;gap:6px;flex:none;
  font:600 10.5px var(--mono);letter-spacing:1.5px;text-transform:uppercase;color:var(--muted);
}
.open-status .dot{width:7px;height:7px;border-radius:50%;flex:none;background:var(--muted);}
.open-status.is-open{color:var(--green);}
.open-status.is-open .dot{background:var(--green);box-shadow:0 0 8px rgba(46,155,87,.7);}
.open-status.is-closed{color:#e2897b;}
.open-status.is-closed .dot{background:var(--red);box-shadow:0 0 8px rgba(200,53,43,.6);}
@media (max-width:520px){#openStatusText{display:none;}}
.header-right{display:flex;align-items:center;gap:12px;}
.site-nav{display:flex;gap:6px;}
.site-nav a{
  color:var(--text);text-decoration:none;font:600 11px var(--mono);
  letter-spacing:2px;text-transform:uppercase;padding:9px 14px;border-radius:999px;
  border:1px solid transparent;transition:border-color .2s,color .2s,background .2s;
}
.site-nav a:hover{color:var(--gold);border-color:var(--border);background:rgba(255,255,255,.04);}
.lang-switch{
  display:flex;padding:3px;border-radius:999px;
  border:1px solid var(--border);background:rgba(255,255,255,.04);
}
.lang-switch button{
  padding:7px 13px;border:0;border-radius:999px;background:transparent;color:var(--muted);
  font:600 11px var(--mono);letter-spacing:1.5px;cursor:pointer;transition:background .2s,color .2s;
}
.lang-switch button:hover{color:var(--text);}
.lang-switch button[aria-pressed="true"]{background:var(--gold);color:#17120a;}
.nav-toggle{
  display:none;width:44px;height:44px;border:0;background:transparent;cursor:pointer;
  flex-direction:column;justify-content:center;align-items:center;gap:5px;
}
.nav-toggle span{display:block;width:22px;height:1.5px;background:var(--text);transition:transform .2s,opacity .2s;}
.site-header.open .nav-toggle span:nth-child(1){transform:translateY(6.5px) rotate(45deg);}
.site-header.open .nav-toggle span:nth-child(2){opacity:0;}
.site-header.open .nav-toggle span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg);}

/* ---------- Knoppen ---------- */
.cta-row{display:flex;flex-wrap:wrap;gap:12px;}
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  padding:16px 30px;border-radius:999px;border:1px solid transparent;
  font:600 12px var(--mono);letter-spacing:2px;text-transform:uppercase;
  text-decoration:none;cursor:pointer;
  transition:box-shadow .25s,transform .25s,background .25s,border-color .25s,color .25s;
}
.btn-gold{background:linear-gradient(135deg,#EBCB8B,#C9A227);color:#17120a;}
.btn-gold:hover{box-shadow:0 0 36px rgba(217,184,114,.5);transform:translateY(-2px);}
.btn-ghost{
  color:var(--text);border-color:rgba(255,255,255,.22);background:rgba(255,255,255,.04);
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
}
.btn-ghost:hover{border-color:var(--gold);color:var(--gold);box-shadow:0 0 28px rgba(217,184,114,.25);}

/* ---------- Hero ---------- */
.hero{
  position:relative;overflow:hidden;
  min-height:calc(78vh - var(--header-h));
  min-height:calc(78svh - var(--header-h));
  display:flex;align-items:center;padding:72px var(--pad-x) 44px;
}
.hero::before{ /* brutalistisch raster */
  content:"";position:absolute;inset:0;pointer-events:none;
  background-image:linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);
  background-size:calc(100% / 6) 100%;
  -webkit-mask-image:linear-gradient(180deg,#000 30%,transparent);
          mask-image:linear-gradient(180deg,#000 30%,transparent);
}
.hero-media{position:absolute;inset:0;background-size:cover;background-position:center;}
.hero-media video{width:100%;height:100%;object-fit:cover;}
.hero-media.has-media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,15,17,.5),rgba(15,15,17,.92));}
.hero-slide{
  position:absolute;inset:0;background-size:cover;background-position:center;
  opacity:0;transition:opacity 1.8s ease;
}
.hero-slide.active{opacity:1;}
@media (prefers-reduced-motion:reduce){.hero-slide{transition:none;}}
.hero-inner{position:relative;width:100%;max-width:var(--maxw);margin:0 auto;}
.eyebrow{
  display:flex;align-items:center;gap:14px;margin:0 0 18px;
  font:500 12px var(--mono);letter-spacing:4px;text-transform:uppercase;color:var(--gold);
}
.eyebrow::before{content:"";width:48px;height:1px;background:var(--gold);}
.flag-line{display:flex;gap:6px;margin:26px 0;}
.flag-line span{display:block;width:56px;height:3px;border-radius:2px;}
.flag-line .g{background:var(--green);}
.flag-line .w{background:var(--text);}
.flag-line .r{background:var(--red);}
.lead{
  font-family:'Playfair Display',serif;font-style:italic;
  font-size:clamp(20px,3.6vw,30px);margin:0 0 10px;color:var(--text);max-width:620px;
}
.today{margin:0 0 30px;font:500 12px var(--mono);letter-spacing:1.5px;text-transform:uppercase;color:var(--gold);min-height:1.6em;}
/* gsm: een rij onderaan; pc: een glazen kaart rechts naast de titel */
.hero-aside{
  margin-top:48px;padding-top:18px;border-top:1px solid var(--border);
  display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 24px;
  font:500 11px var(--mono);letter-spacing:2px;text-transform:uppercase;color:var(--muted);
}
.hero-aside a{color:var(--muted);text-decoration:none;}
.hero-aside a:hover{color:var(--gold);}
.ha-route{display:none;}

/* ---------- Marquee ---------- */
.marquee{
  overflow:hidden;border-block:1px solid var(--border);
  background:rgba(255,255,255,.02);padding:16px 0;
}
.marquee-track{display:flex;width:max-content;animation:marquee 32s linear infinite;}
.marquee-track span{
  display:flex;align-items:center;gap:36px;padding-right:36px;white-space:nowrap;
  font-family:'Playfair Display',serif;font-style:italic;font-size:clamp(24px,4vw,40px);color:var(--text);
}
.marquee-track i{font-style:normal;color:var(--gold);font-size:.6em;}
@keyframes marquee{to{transform:translateX(-50%);}}

/* ---------- Secties ---------- */
.section{padding:clamp(64px,8vw,112px) var(--pad-x);}
.container{max-width:var(--maxw);margin:0 auto;}
.kicker{
  display:flex;align-items:center;gap:14px;margin:0 0 22px;
  font:500 12px var(--mono);letter-spacing:3px;text-transform:uppercase;color:var(--muted);
}
.kicker .num{color:var(--gold);}
.kicker::after{content:"";flex:1;height:1px;background:var(--border);}
.section h2{
  font-style:italic;font-size:clamp(38px,6.5vw,72px);line-height:1.04;letter-spacing:-.01em;margin-bottom:20px;
}
.section-lead{max-width:560px;color:var(--muted);margin-bottom:36px;}

/* ---------- Over ons ---------- */
.two-col{display:grid;gap:44px;align-items:center;}
.about-text p{color:#cfc8bb;}
.about-text .btn{margin-top:10px;}
.about-cta-row{display:flex;flex-wrap:wrap;gap:12px;}
.video-frame{margin:0;padding:10px 10px 6px;}
.video-frame figcaption{
  padding:10px 4px 4px;font:500 11px var(--mono);letter-spacing:2px;text-transform:uppercase;color:var(--muted);
}
.video-frame video,.video-ph{
  width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:12px;background:#000;
  filter:sepia(.4) contrast(1.05);
}
.video-ph{
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;
  padding:16px;text-align:center;font-size:13px;color:var(--gold);filter:none;
  background:radial-gradient(circle at 50% 40%,rgba(217,184,114,.14),transparent 65%),#131316;
  border:1px dashed rgba(217,184,114,.35);
}

/* ---------- Menu: twee grote kaarten op de pagina ---------- */
.menu-cards{display:grid;gap:16px;}
.menu-card{
  display:flex;flex-direction:column;align-items:flex-start;gap:12px;
  width:100%;min-height:230px;padding:34px 32px;text-align:left;
  color:var(--text);font:inherit;cursor:pointer;
}
.menu-card:hover{transform:translateY(-3px);}
.mc-num{font:500 12px var(--mono);letter-spacing:3px;color:var(--gold);}
.mc-title{font:italic 500 clamp(36px,5vw,58px)/1.05 'Playfair Display',Georgia,serif;}
.mc-text{color:var(--muted);font-size:15px;max-width:40ch;}
.mc-cta{
  margin-top:auto;font:600 12px var(--mono);letter-spacing:2px;text-transform:uppercase;color:var(--gold);
  transition:letter-spacing .25s;
}
.menu-card:hover .mc-cta{letter-spacing:3.5px;}
.menu-note{color:var(--muted);font-size:13px;margin:0 0 6px;}
#kaart .menu-note{margin-top:28px;}

/* ---------- Menu-popup ---------- */
dialog.menu-dialog{
  width:min(1120px,94vw);height:min(90vh,940px);max-width:none;max-height:none;
  padding:0;border:1px solid var(--border-strong);border-radius:22px;overflow:hidden;
  color:var(--text);
  background:
    radial-gradient(620px 420px at 8% 0%,rgba(217,184,114,.10),transparent 60%),
    radial-gradient(620px 420px at 100% 100%,rgba(200,85,61,.08),transparent 60%),
    #111114;
  box-shadow:0 0 0 1px rgba(217,184,114,.08),0 40px 120px rgba(0,0,0,.85),0 0 90px -30px rgba(217,184,114,.3);
}
dialog.menu-dialog[open]{display:flex;flex-direction:column;}
dialog.menu-dialog::backdrop{background:rgba(6,6,8,.82);}
.md-head{
  flex:0 0 auto;padding:22px 32px 0;
  background:rgba(17,17,20,.92);border-bottom:1px solid var(--border);
}
.md-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px;}
.md-top h2{font-style:italic;font-size:clamp(30px,4.2vw,46px);line-height:1.05;}
.md-close{
  flex:0 0 auto;width:44px;height:44px;border-radius:50%;
  border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.05);color:var(--text);
  font-size:26px;line-height:1;cursor:pointer;transition:border-color .2s,color .2s,box-shadow .2s;
}
.md-close:hover{border-color:var(--gold);color:var(--gold);box-shadow:0 0 22px rgba(217,184,114,.4);}
.md-body{
  flex:1 1 auto;position:relative;overflow-y:auto;overscroll-behavior:contain;
  padding:8px 32px 40px;
}
.menu-tabs{
  display:inline-flex;padding:4px;margin-bottom:14px;border-radius:999px;
  border:1px solid var(--border);background:rgba(255,255,255,.04);
}
.menu-tabs button{
  padding:11px 28px;border:0;border-radius:999px;background:transparent;color:var(--muted);
  font:600 12px var(--mono);letter-spacing:2px;text-transform:uppercase;cursor:pointer;
  transition:background .25s,color .25s,box-shadow .25s;
}
.menu-tabs button:hover{color:var(--text);}
.menu-tabs button[aria-pressed="true"]{
  background:linear-gradient(135deg,#EBCB8B,#C9A227);color:#17120a;box-shadow:0 0 26px rgba(217,184,114,.35);
}
.menu-chips{
  position:relative;display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:0 0 16px;
}
.menu-chips::-webkit-scrollbar{display:none;}
.chip{
  flex:0 0 auto;padding:10px 20px;border-radius:999px;
  border:1px solid var(--border);background:rgba(255,255,255,.04);color:var(--text);
  font:600 11px var(--mono);letter-spacing:2px;text-transform:uppercase;cursor:pointer;
  transition:all .25s;
}
.chip:hover{border-color:var(--border-strong);box-shadow:0 0 22px rgba(217,184,114,.2);}
.chip.active{background:var(--gold);border-color:var(--gold);color:#17120a;}
.menu-cat{padding-top:30px;}
.menu-cat[hidden]{display:none;}
.menu-cat h3{font-style:italic;font-size:clamp(32px,5vw,50px);}
.cat-note{color:var(--muted);font:500 11px var(--mono);letter-spacing:2px;text-transform:uppercase;margin:4px 0 14px;}
.dishes{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:12px;}
.cat-note + .dishes{margin-top:0;}
.dish{display:flex;align-items:flex-start;gap:14px;padding:18px 18px 18px 20px;}
.dish:hover{transform:translateY(-2px);}
.dish-main{flex:1;min-width:0;}
.dish-head{display:flex;align-items:baseline;gap:8px;}
.dish-head h4{font-size:20px;font-weight:500;min-width:0;}
.dots{flex:1;border-bottom:1px dotted rgba(255,255,255,.28);transform:translateY(-4px);min-width:16px;}
.price{font:600 14px var(--mono);color:var(--gold);white-space:nowrap;}
.dish-desc{margin:5px 0 0;font-size:14px;color:var(--muted);}
.variants{list-style:none;margin:10px 0 0;padding:0;}
.variants li{display:flex;align-items:baseline;gap:8px;padding:3px 0;font-size:14px;color:var(--muted);}
.photo-btn{
  flex:0 0 auto;width:48px;height:48px;padding:0;border-radius:50%;overflow:hidden;
  border:1px solid var(--border);background:rgba(255,255,255,.05);color:var(--text);cursor:pointer;
  display:flex;align-items:center;justify-content:center;
  transition:border-color .25s,color .25s,box-shadow .25s,transform .25s;
}
.photo-btn:hover{border-color:var(--gold);color:var(--gold);box-shadow:0 0 24px rgba(217,184,114,.4);transform:scale(1.08);}
.photo-btn img{width:100%;height:100%;object-fit:cover;}
.md-body .menu-note{text-align:left;}
.md-body .menu-note:first-of-type{margin-top:36px;}

/* ---------- Reservatie ---------- */
.res-layout{display:grid;gap:34px;}
.res-intro .section-lead{margin-bottom:26px;}
.res-soon{padding:24px 26px;}
.res-soon strong{display:block;font:italic 500 24px 'Playfair Display',serif;color:var(--gold);margin-bottom:6px;}
.res-soon p{color:var(--muted);margin:0 0 18px;}
.res-form{display:grid;gap:18px;grid-template-columns:1fr;padding:clamp(22px,4vw,40px);color-scheme:dark;}
.field{display:flex;flex-direction:column;gap:8px;}
.field label{font:500 11px var(--mono);letter-spacing:2px;text-transform:uppercase;color:var(--muted);}
.field input,.field select,.field textarea{
  width:100%;padding:14px 16px;border-radius:12px;
  border:1px solid var(--border);background:rgba(255,255,255,.04);
  color:var(--text);font:500 16px 'Montserrat',sans-serif;
  transition:border-color .25s,box-shadow .25s,background .25s;
}
.field select option{background:#1a1a1e;color:var(--text);}
.field input::placeholder,.field textarea::placeholder{color:rgba(237,231,220,.35);}
.field input:hover,.field select:hover,.field textarea:hover{border-color:rgba(255,255,255,.22);}
.field input:focus,.field select:focus,.field textarea:focus{
  outline:0;border-color:var(--gold);background:rgba(217,184,114,.05);
  box-shadow:0 0 0 4px rgba(217,184,114,.12),0 0 28px rgba(217,184,114,.18);
}
.field input:disabled,.field select:disabled,.field textarea:disabled{opacity:.5;cursor:not-allowed;}
.hp-field{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden;}
.form-msg{margin:0;min-height:1.3em;color:#f0957f;font-size:14px;font-weight:600;}
.form-msg.is-ok{color:var(--gold);}
.form-hint{margin:0;font-size:13px;color:var(--muted);}
.res-wrap{position:relative;}
.res-sent{position:absolute;inset:0;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:clamp(22px,4vw,40px);text-align:center;color:var(--gold);background:rgba(15,15,17,.94);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:inherit;}
.res-sent[hidden]{display:none;}
.res-sent .btn{margin-top:22px;width:auto;padding:14px 34px;}
.res-sent svg{color:var(--gold);margin-bottom:14px;}
.res-sent strong{display:block;font:italic 500 26px 'Playfair Display',serif;color:var(--gold);margin-bottom:8px;}
.res-sent p{color:var(--muted);margin:0;}
.res-form .btn{width:100%;padding:18px;font-size:13px;}
.res-form.is-off .btn{background:rgba(255,255,255,.06);color:var(--muted);box-shadow:none;cursor:not-allowed;transform:none;}
.res-form.is-off .btn:hover{box-shadow:none;transform:none;}

/* ---------- Praktisch ---------- */
.contact-grid{display:grid;gap:16px;}
.card{padding:26px;}
.card h3{font-style:italic;font-size:26px;color:var(--gold);margin-bottom:14px;}
.card p{margin:0 0 10px;}
.parking-alert{
  display:inline-flex;align-items:center;gap:7px;
  margin:0 0 12px;padding:8px 14px;border-radius:999px;
  background:rgba(200,85,61,.16);border:1px solid rgba(200,85,61,.45);
  color:#f0957f;font:600 11.5px var(--mono);letter-spacing:.5px;
}
.parking-alert[hidden]{display:none;}
.text-link{font:500 11px var(--mono);letter-spacing:2px;text-transform:uppercase;text-decoration:none;}
.text-link:hover{text-decoration:underline;}
.hours{width:100%;border-collapse:collapse;font-size:14px;}
.hours th,.hours td{padding:10px 0;text-align:left;border-bottom:1px solid var(--border);vertical-align:top;}
.hours th{font-weight:500;color:var(--muted);width:42%;}
.hours tr:last-child th,.hours tr:last-child td{border-bottom:0;}
.hours tr.today-row th,.hours tr.today-row td{color:var(--gold);font-weight:700;}
.review-card{text-align:center;}
.stars{font-size:28px;letter-spacing:6px;color:var(--gold);margin-bottom:6px !important;text-shadow:0 0 18px rgba(217,184,114,.5);}
.review-card .btn{margin:6px 0 16px;}
.map-wrap{margin-top:16px;min-height:300px;padding:0;}
.map-wrap iframe{width:100%;height:360px;border:0;display:block;filter:grayscale(.85) invert(.92) contrast(.9);}
.map-btn{
  width:100%;min-height:300px;border:0;cursor:pointer;background:transparent;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:24px;
  color:var(--muted);font:500 13px 'Montserrat',sans-serif;
}
.map-btn strong{font:italic 500 28px 'Playfair Display',serif;color:var(--text);transition:color .25s;}
.map-btn:hover strong{color:var(--gold);}

/* ---------- Footer ---------- */
.site-footer{
  padding:56px var(--pad-x) 120px;text-align:center;border-top:1px solid var(--border);
  color:var(--muted);font-size:14px;
}
.site-footer p{margin:0 0 6px;}
.demo-note{margin-top:16px !important;font:500 11px var(--mono);letter-spacing:1.5px;text-transform:uppercase;opacity:.6;}

/* ---------- Actiebalk mobiel ---------- */
.mobile-bar{
  position:fixed;left:16px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:25;
  display:flex;gap:6px;padding:8px;border-radius:999px;
  background:rgba(21,21,24,.8);border:1px solid var(--border);
  -webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);
  box-shadow:0 12px 40px rgba(0,0,0,.6);
}
.mobile-bar a,.mobile-bar button{
  flex:1;text-align:center;padding:13px 6px;border-radius:999px;border:0;background:transparent;cursor:pointer;
  color:var(--text);text-decoration:none;font:600 11px var(--mono);letter-spacing:1.5px;text-transform:uppercase;
}
.mobile-bar .primary{background:linear-gradient(135deg,#EBCB8B,#C9A227);color:#17120a;}

.cookie-notice{
  position:fixed;left:16px;bottom:16px;z-index:40;max-width:380px;
  display:flex;flex-direction:column;gap:14px;padding:20px 22px;
}
.cookie-notice[hidden]{display:none;}
.cookie-notice p{margin:0;font-size:13px;color:var(--muted);line-height:1.5;}
.cookie-notice-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap;}
.cookie-notice-actions a{color:var(--gold-light);font:600 11px var(--mono);letter-spacing:1px;text-transform:uppercase;text-decoration:none;}
.cookie-notice-actions a:hover{text-decoration:underline;}
.cookie-notice-actions .btn{padding:10px 22px;font-size:11px;}
@media (max-width:999px){
  .cookie-notice{left:12px;right:12px;max-width:none;bottom:calc(76px + env(safe-area-inset-bottom));}
}

/* ---------- Foto-pop-up (gerecht) ---------- */
dialog#lightbox{
  width:min(92vw,580px);max-height:92vh;padding:0;border:1px solid var(--border-strong);
  border-radius:var(--radius);background:#17171b;color:var(--text);overflow:auto;
  box-shadow:0 0 0 1px rgba(217,184,114,.1),0 30px 90px rgba(0,0,0,.8),0 0 80px -20px rgba(217,184,114,.3);
}
dialog#lightbox::backdrop{background:rgba(8,8,10,.7);}
.lb-close{
  position:absolute;top:12px;right:12px;z-index:2;width:42px;height:42px;border-radius:50%;
  border:1px solid rgba(255,255,255,.2);background:rgba(15,15,17,.7);color:var(--text);
  font-size:24px;line-height:1;cursor:pointer;transition:border-color .2s,color .2s,box-shadow .2s;
}
.lb-close:hover{border-color:var(--gold);color:var(--gold);box-shadow:0 0 20px rgba(217,184,114,.4);}
.lb-media{aspect-ratio:4/3;background:#0c0c0e;}
.lb-media img{width:100%;height:100%;object-fit:cover;}
.photo-ph{
  width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;
  color:var(--gold);font:500 11px var(--mono);letter-spacing:3px;text-transform:uppercase;
  background:radial-gradient(circle at 50% 40%,rgba(217,184,114,.14),transparent 65%),#0c0c0e;
}
.lb-body{padding:22px 24px 28px;}
.lb-body h3{font-style:italic;font-size:32px;color:var(--text);}
.lb-body p{margin:8px 0 0;color:var(--muted);}
.lb-price{font:600 16px var(--mono);color:var(--gold) !important;}

/* ---------- Sfeerfoto's ---------- */
dialog.gallery-dialog{
  width:min(1000px,94vw);max-height:88vh;padding:0;border:1px solid var(--border-strong);
  border-radius:22px;overflow:hidden;color:var(--text);
  background:
    radial-gradient(620px 420px at 8% 0%,rgba(217,184,114,.10),transparent 60%),
    radial-gradient(620px 420px at 100% 100%,rgba(200,85,61,.08),transparent 60%),
    #111114;
  box-shadow:0 0 0 1px rgba(217,184,114,.08),0 40px 120px rgba(0,0,0,.85),0 0 90px -30px rgba(217,184,114,.3);
}
dialog.gallery-dialog[open]{display:flex;flex-direction:column;}
dialog.gallery-dialog::backdrop{background:rgba(6,6,8,.82);}
.gd-head{
  flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:20px 26px;background:rgba(17,17,20,.92);border-bottom:1px solid var(--border);
}
.gd-head h2{font-style:italic;font-size:clamp(24px,3.4vw,34px);}
.gd-body{flex:1 1 auto;overflow-y:auto;overscroll-behavior:contain;padding:22px 26px 34px;}
.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;}
.gallery-grid button{
  aspect-ratio:1/1;padding:0;border:1px solid var(--border);border-radius:12px;overflow:hidden;
  background:rgba(255,255,255,.04);cursor:pointer;transition:border-color .25s,box-shadow .25s,transform .25s;
}
.gallery-grid button:hover{border-color:var(--gold);box-shadow:0 0 24px rgba(217,184,114,.3);transform:translateY(-2px);}
.gallery-grid img{width:100%;height:100%;object-fit:cover;display:block;}
.gallery-empty{color:var(--muted);text-align:center;padding:30px 10px;}

dialog#photoLightbox{
  width:min(92vw,900px);max-height:92vh;padding:0;border:1px solid var(--border-strong);
  border-radius:var(--radius);background:#17171b;overflow:auto;
  box-shadow:0 0 0 1px rgba(217,184,114,.1),0 30px 90px rgba(0,0,0,.8),0 0 80px -20px rgba(217,184,114,.3);
}
dialog#photoLightbox::backdrop{background:rgba(8,8,10,.75);}
#plbMedia{aspect-ratio:4/3;background:#0c0c0e;}
#plbMedia img{width:100%;height:100%;object-fit:contain;display:block;}

/* ---------- Middagbalk (js/dagmenu-popup.js) ----------
   Enkel zichtbaar (JS verwijdert [hidden]) als er vandaag een
   middagmenu gepubliceerd staat; blijft zichtbaar tijdens het scrollen. */
.lunch-banner{
  position:sticky;top:var(--header-h);z-index:29;
  display:flex;align-items:center;justify-content:center;gap:10px;
  width:100%;border:0;border-bottom:1px solid var(--border);cursor:pointer;
  padding:12px var(--pad-x);
  background:linear-gradient(90deg,rgba(217,184,114,.18),rgba(200,85,61,.12));
  color:var(--gold-light);
  font:600 12px var(--mono);letter-spacing:1.5px;text-transform:uppercase;
  transition:background .2s;
}
.lunch-banner:hover{background:linear-gradient(90deg,rgba(217,184,114,.26),rgba(200,85,61,.18));}
.lunch-banner[hidden]{display:none;}
.lunch-banner-dot{
  width:8px;height:8px;border-radius:50%;background:var(--gold);flex:none;
  box-shadow:0 0 10px rgba(217,184,114,.8);
  animation:lunchPulse 2s ease-in-out infinite;
}
@keyframes lunchPulse{0%,100%{opacity:1;}50%{opacity:.35;}}

/* ---------- Pop-up foto speciale gelegenheden (js/main.js) ---------- */
dialog.announce-dialog{
  width:fit-content;max-width:94vw;max-height:92vh;padding:0;border:1px solid var(--border-strong);
  border-radius:20px;overflow:hidden;background:#0c0c0e;color:var(--text);
  box-shadow:0 0 0 1px rgba(217,184,114,.12),0 40px 130px rgba(0,0,0,.85),0 0 120px -25px rgba(217,184,114,.35);
}
dialog.announce-dialog::backdrop{background:rgba(6,6,8,.82);}
dialog.announce-dialog img{display:block;width:auto;height:auto;max-width:min(94vw,720px);max-height:92vh;}

/* ---------- Dagmenu-popup (js/dagmenu-popup.js) ---------- */
dialog.lunch-dialog{
  width:min(94vw,640px);max-height:90vh;padding:0;border:1px solid var(--border-strong);
  border-radius:26px;color:var(--text);overflow:auto;
  background:
    radial-gradient(620px 420px at 6% 0%,rgba(217,184,114,.18),transparent 60%),
    radial-gradient(480px 360px at 100% 100%,rgba(200,85,61,.12),transparent 60%),
    #15151a;
  box-shadow:0 0 0 1px rgba(217,184,114,.12),0 40px 130px rgba(0,0,0,.85),0 0 120px -25px rgba(217,184,114,.35);
}
dialog.lunch-dialog::backdrop{background:rgba(6,6,8,.8);}
.lunch-body{padding:clamp(32px,5.5vw,54px) clamp(28px,5.5vw,48px) 40px;}
.lunch-body .kicker{margin-bottom:20px;}
.lunch-body h2{font-style:italic;font-size:clamp(32px,6.5vw,46px);line-height:1.08;margin-bottom:8px;}
.lunch-date{color:var(--muted);font:500 13px var(--mono);letter-spacing:1.5px;text-transform:uppercase;margin:0 0 26px;}
.lunch-remark{
  background:rgba(200,53,43,.14);border:1px solid rgba(200,53,43,.4);color:#f0a89e;
  border-radius:12px;padding:13px 18px;font-size:15px;margin:0 0 22px;
}
.lunch-course{padding:18px 0;border-bottom:1px solid var(--border);}
.lunch-course:last-of-type{border-bottom:0;}
.lunch-course-label{margin:0 0 5px;font:600 11px var(--mono);letter-spacing:2.5px;text-transform:uppercase;color:var(--gold);}
.lunch-course-text{margin:0;font-size:19px;line-height:1.4;}
.lunch-price{font:600 24px var(--mono);color:var(--gold);margin:22px 0 28px;}
.lunch-body .cta-row{margin-top:6px;gap:14px;}
.lunch-body .cta-row .btn{flex:1;min-width:160px;}

/* ============================================================
   Cursor-stip  (js/cursor.js)
   Alleen actief op apparaten met een echte muis (html.cursor-on).
   ============================================================ */
html.cursor-on,
html.cursor-on a,
html.cursor-on button,
html.cursor-on label,
html.cursor-on summary,
html.cursor-on select,
html.cursor-on [role="button"]{cursor:none;}
html.cursor-on input,
html.cursor-on textarea{cursor:text;}

.cursor-layer{ /* reset van de standaardstijl van [popover] */
  position:fixed;inset:auto;left:0;top:0;width:0;height:0;margin:0;padding:0;border:0;
  background:none;overflow:visible;pointer-events:none;color:inherit;z-index:2147483000;
}
.cursor-dot{position:fixed;left:0;top:0;width:0;height:0;will-change:transform;}
.cursor-dot span{
  position:absolute;left:-4px;top:-4px;width:8px;height:8px;border-radius:50%;
  background:var(--gold);box-shadow:0 0 12px rgba(217,184,114,.8);
  opacity:0;transition:transform .25s,opacity .25s;
}
.cursor-layer.show .cursor-dot span{opacity:1;}
.cursor-layer[data-state="link"] .cursor-dot span{transform:scale(2.6);opacity:.35;}
.cursor-layer[data-state="text"] .cursor-dot span{opacity:0;}

/* ---------- Breakpoints ---------- */
@media (max-width:759px){
  .nav-toggle{display:flex;}
  .site-nav{
    display:none;position:absolute;top:var(--header-h);left:0;right:0;
    flex-direction:column;gap:0;padding:8px 12px 14px 24px;
    background:rgba(15,15,17,.97);border-bottom:1px solid var(--border);
  }
  .site-header.open .site-nav{display:flex;}
  .site-nav a{padding:16px 12px;border-radius:0;border-bottom:1px solid var(--border);}
  .brand .logo-svg{height:32px;}
  .hero{padding-bottom:36px;}
  dialog.menu-dialog{
    width:100vw;height:100vh;height:100dvh;border:0;border-radius:0;
  }
  .md-head{padding:16px 16px 0 26px;}
  .md-body{padding:4px 16px 32px 26px;}
}
@media (min-width:760px){
  .mobile-bar{display:none;}
  .site-footer{padding-bottom:56px;}
  .two-col{grid-template-columns:1.1fr 1fr;gap:72px;}
  .menu-cards{grid-template-columns:1fr 1fr;gap:24px;}
  .res-form{grid-template-columns:1fr 1fr;gap:20px 24px;}
  .res-form .full{grid-column:1 / -1;}
  .contact-grid{grid-template-columns:repeat(3,1fr);}
}
@media (min-width:1000px){
  .hero-inner{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:56px;align-items:end;}
  .hero-aside{
    margin:0 0 6px;padding:28px 30px;flex-direction:column;flex-wrap:nowrap;align-items:flex-start;gap:12px;
    background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.02));
    border:1px solid var(--border);border-radius:var(--radius);
    -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 24px 40px -28px rgba(0,0,0,.9);
    text-transform:none;letter-spacing:0;
  }
  .ha-addr{font:italic 500 26px/1.2 'Playfair Display',Georgia,serif;color:var(--text);}
  .ha-phone{font:600 17px var(--mono);letter-spacing:1.5px;color:var(--gold) !important;}
  .ha-route{display:inline;font:500 11px var(--mono);letter-spacing:2px;text-transform:uppercase;color:var(--gold) !important;}
  .ha-route:hover{text-decoration:underline;}
}
@media (min-width:900px){
  .dishes{grid-template-columns:1fr 1fr;}
  .res-layout{grid-template-columns:5fr 7fr;gap:72px;align-items:start;}
  .res-intro{position:sticky;top:calc(var(--header-h) + 32px);}
}
/* ---------- Grote schermen (1080p/2K/4K): alles schaalt mee met --s ---------- */
@media (min-width:1800px){
  :root{--s:1.2;--maxw:calc(1240px * var(--s));--header-h:calc(68px * var(--s));}
  body{font-size:calc(16px * var(--s));}
  .brand .logo-svg{height:calc(38px * var(--s));}
  .site-nav a,.lang-switch button{font-size:calc(11px * var(--s));}
  .hero-logo .logo-svg{width:min(100%,calc(680px * var(--s)));}
  .hero-inner{grid-template-columns:minmax(0,1fr) calc(340px * var(--s));gap:calc(56px * var(--s));}
  .eyebrow,.today,.kicker,.cat-note{font-size:calc(12px * var(--s));}
  .lead{font-size:calc(30px * var(--s));max-width:calc(620px * var(--s));}
  .ha-addr{font-size:calc(26px * var(--s));}
  .ha-phone{font-size:calc(17px * var(--s));}
  .ha-route{font-size:calc(11px * var(--s));}
  .btn{font-size:calc(12px * var(--s));padding:calc(16px * var(--s)) calc(30px * var(--s));}
  .section h2{font-size:calc(clamp(38px,6.5vw,72px) * var(--s));}
  .section-lead{max-width:calc(560px * var(--s));}
  .menu-card{min-height:calc(230px * var(--s));}
  .mc-title{font-size:calc(58px * var(--s));}
  .mc-text{font-size:calc(15px * var(--s));}
  .mc-num,.mc-cta{font-size:calc(12px * var(--s));}
  .card h3{font-size:calc(26px * var(--s));}
  .hours{font-size:calc(14px * var(--s));}
  .field label{font-size:calc(11px * var(--s));}
  .field input,.field select,.field textarea{font-size:calc(16px * var(--s));}
  .marquee-track span{font-size:calc(clamp(24px,4vw,40px) * var(--s));}
  .footer-logo .logo-svg{height:calc(62px * var(--s));}
  .site-footer{font-size:calc(14px * var(--s));}
  dialog.menu-dialog{width:min(var(--maxw),94vw);height:min(90vh,calc(940px * var(--s)));}
  .md-top h2{font-size:calc(clamp(30px,4.2vw,46px) * var(--s));}
  .menu-tabs button,.chip{font-size:calc(11px * var(--s));}
  .menu-cat h3{font-size:calc(clamp(32px,5vw,50px) * var(--s));}
  .dish-head h4{font-size:calc(20px * var(--s));}
  .dish-desc,.variants li,.price{font-size:calc(14px * var(--s));}
}
@media (min-width:2300px){
  :root{--s:1.4;}
  .dishes{grid-template-columns:repeat(3,1fr);}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto;}
  *{transition:none !important;}
  .marquee-track{animation:none !important;}
  .lunch-banner-dot{animation:none !important;}
}