/* Aanpassingen 18 okt: zwarte footer over volle breedte, donkergroen reserveren, mobiel menu. */

/* Footer: zwart tot aan de randen, geen crème zijbalken. */
.simple-footer{background:#000;box-shadow:0 0 0 100vmax #000;clip-path:inset(0 -100vmax)}

/* Reserveren: hetzelfde donkergroen als het contactblok. */
.reservation-section{background:#171c13!important}
/* Vlakken en dagtegels in dezelfde donkergroene tint, net iets lichter dan de achtergrond. */
#reserveren .day-picker,#reserveren .booking-shell,#reserveren .dish-reservation{background:#1e2518!important;border-color:#c9ad7038!important}
#reserveren .request-day,#reserveren .month-back,#reserveren .month-forward{background:#283121!important;border-color:#c9ad7030!important}
#reserveren .request-day:hover{background:#313b28!important;border-color:#c9ad7066!important}
#reserveren .day-picker i:not(.gold-dot){background:#283121!important}

/* Mobiel: compacte kop met menuknop. */
.mobile-menu-toggle{display:none}
@media(max-width:800px){
  header .header-inner{flex-wrap:nowrap!important;align-items:center;gap:12px!important;padding-block:12px!important;position:relative}
  header .brand{margin-right:auto}
  header .header-booking{margin-left:0!important}
  .mobile-menu-toggle{display:inline-flex;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;padding:0 11px;border:1px solid #e9c98a66;border-radius:6px;background:#0b0c0999;cursor:pointer;flex:none}
  .mobile-menu-toggle span{display:block;height:2px;background:#f3dfbd;border-radius:2px;transition:transform .2s,opacity .2s}
  header.menu-open .mobile-menu-toggle span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  header.menu-open .mobile-menu-toggle span:nth-child(2){opacity:0}
  header.menu-open .mobile-menu-toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

  header .simple-nav,header .flags{display:none!important}
  header.menu-open .simple-nav{display:flex!important;flex-direction:column;align-items:stretch!important;gap:0!important;position:absolute;top:100%;left:-20px;right:-20px;width:auto!important;order:0!important;padding:8px 20px 4px;background:#0b0c09;border-top:1px solid #e9c98a33;font-size:14px!important;letter-spacing:.08em;z-index:60}
  header.menu-open .simple-nav>a,header.menu-open .simple-nav>button,header.menu-open .private-menu summary{display:flex;align-items:center;justify-content:space-between;max-width:none!important;margin:0!important;padding:16px 2px!important;border-bottom:1px solid #e9c98a22;font-size:14px!important;line-height:1.3;text-align:left;background:none}
  header.menu-open .private-menu{position:static;border:0}
  header.menu-open .private-dropdown{position:static!important;display:flex;flex-direction:column;min-width:0!important;margin:0!important;padding:0 0 6px 16px!important;background:none!important;border:0!important;box-shadow:none!important;transform:none!important;opacity:1!important;visibility:visible!important}
  header.menu-open .private-dropdown a{padding:12px 2px!important;border-bottom:1px solid #e9c98a14;font-size:13px!important;text-transform:none;letter-spacing:.02em}
  header.menu-open .flags{display:flex!important;position:absolute;top:calc(100% + var(--mm-nav-h,0px));left:-20px;right:-20px;gap:10px;padding:14px 20px 18px;background:#0b0c09;border-bottom:1px solid #e9c98a33;z-index:60}
}