/* Wokky Wokky global base - cleaned 2026-06-20 */
html,body{overflow-x:hidden}body:not(.wp-admin){background:#fff7ea;color:#251813}.ast-site-title-wrap,.site-title,.site-description{display:none!important}.site-header,.ast-primary-header-bar,.main-header-bar{background:rgba(255,247,234,.96)!important;border-bottom:1px solid rgba(80,49,31,.14)!important;box-shadow:0 8px 24px rgba(43,24,15,.08);backdrop-filter:blur(14px)}.ast-builder-grid-row,.ast-primary-header-bar .ast-builder-grid-row{min-height:78px}.custom-logo-link img,.site-logo-img img,.ast-site-identity img{width:92px!important;max-width:92px!important;height:auto!important;object-fit:contain}.main-header-menu,.ast-builder-menu .main-navigation ul{display:flex!important;align-items:center!important;gap:0}.main-header-menu .menu-link,.ast-builder-menu .main-navigation .menu-item>.menu-link{color:#251813!important;font-size:15px;font-weight:800;letter-spacing:0;padding:0 13px!important}.main-header-menu .menu-link:hover,.ast-builder-menu .main-navigation .menu-item:hover>.menu-link{color:#a21f1f!important}.main-header-menu .menu-item-780,.main-header-menu .menu-item-1286,.main-header-menu .menu-item-1239,.ast-builder-menu .menu-item-780,.ast-builder-menu .menu-item-1286,.ast-builder-menu .menu-item-1239{display:none!important}.main-header-menu .menu-item-652,.ast-builder-menu .menu-item-652{order:1}.main-header-menu .menu-item-2304,.ast-builder-menu .menu-item-2304{order:2}.main-header-menu .menu-item-654,.ast-builder-menu .menu-item-654{order:3}.main-header-menu .menu-item-939,.ast-builder-menu .menu-item-939{order:4}.main-header-menu .menu-item-1165,.ast-builder-menu .menu-item-1165{order:5}.main-header-menu .menu-item-655,.ast-builder-menu .menu-item-655{order:6}.main-header-menu .menu-item-1165>a,.ast-builder-menu .menu-item-1165>a{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:auto!important;min-height:44px!important;padding:0 18px!important;border-radius:999px!important;background:linear-gradient(135deg,#a21f1f,#c3422a)!important;color:#fff!important;box-shadow:0 10px 22px rgba(162,31,31,.22)!important;line-height:1!important}html body .ww-prices .wwp-btn,html body .ww-prices .wwp-btn:visited,html body .ww-prices .wwp-btn:hover,html body .ww-reserve .wpforms-submit,html body .ww-reserve .wpforms-submit:hover{color:#fff!important}html body .ww-prices .wwp-btn.ghost,html body .ww-prices .wwp-btn.ghost:visited,html body .ww-prices .wwp-btn.ghost:hover{color:#a21f1f!important}html body #wpforms-1904-field_1-container,html body #wpforms-1904-field_2-container{display:none!important;visibility:hidden!important;height:0!important;min-height:0!important;width:0!important;min-width:0!important;overflow:hidden!important;padding:0!important;margin:0!important;position:absolute!important;left:-99999px!important}.site-footer,.site-primary-footer-wrap,.site-above-footer-wrap,.site-below-footer-wrap{background:#211510!important;color:rgba(255,247,234,.82)!important}.site-footer a,.site-footer p,.site-footer li,.site-footer .widget-title,.site-footer h2,.site-footer h3{color:rgba(255,247,234,.86)!important}.site-footer img,#block-53 img{max-width:152px!important;width:152px!important;height:auto!important;border-radius:0!important;box-shadow:none!important}#glt-translate-trigger{right:12px!important;left:auto!important;bottom:12px!important;border-radius:999px!important;background:linear-gradient(135deg,#a21f1f,#c3422a)!important;color:#fff7ea!important;box-shadow:0 12px 28px rgba(37,24,19,.22)!important;font-weight:800!important;transform:scale(.88);transform-origin:right bottom}#glt-translate-trigger span,#glt-translate-trigger .notranslate{color:#fff7ea!important}#text-3 .textwidget p{font-size:0!important;line-height:1.7!important}#text-3 .textwidget p::before{content:"Marktstraat 102\A 9581 AE Musselkanaal";white-space:pre-line;font-size:16px!important;color:rgba(255,247,234,.86)!important}@media(max-width:921px){.ast-builder-grid-row,.ast-primary-header-bar .ast-builder-grid-row{min-height:72px}.custom-logo-link img,.site-logo-img img,.ast-site-identity img{width:82px!important;max-width:82px!important}.main-header-menu .menu-link,.ast-builder-menu .main-navigation .menu-item>.menu-link{font-size:16px;padding:12px 18px!important}.main-header-menu .menu-item-1165>a,.ast-builder-menu .menu-item-1165>a{min-height:0!important;border-radius:12px!important;box-shadow:none!important}}

/* Wokky Wokky full-screen desktop and typography refinement - 2026-06-21 */
body:not(.wp-admin),
body:not(.wp-admin) button,
body:not(.wp-admin) input,
body:not(.wp-admin) textarea,
body:not(.wp-admin) select {
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
}
body:not(.wp-admin) h1,
body:not(.wp-admin) h2,
body:not(.wp-admin) h3,
body:not(.wp-admin) .ww-menu-title {
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
  font-weight: 850 !important;
  letter-spacing: 0 !important;
}
body:not(.wp-admin) .entry-content > .ww-home,
body:not(.wp-admin) .entry-content > .ww-takeaway,
body:not(.wp-admin) .entry-content > .ww-prices,
body:not(.wp-admin) .entry-content > .ww-reserve,
body:not(.wp-admin) .entry-content > .ww-menu-page {
  position: relative !important;
  left: 50% !important;
  right: 50% !important;
  width: 100vw !important;
  max-width: none !important;
  margin-left: -50vw !important;
  margin-right: -50vw !important;
}
body:not(.wp-admin) .ww-home,
body:not(.wp-admin) .ww-takeaway,
body:not(.wp-admin) .ww-prices,
body:not(.wp-admin) .ww-reserve,
body:not(.wp-admin) .ww-menu-page {
  max-width: none !important;
}
@media (min-width: 922px) {
  body:not(.wp-admin) .ww-hero,
  body:not(.wp-admin) .wwt-hero,
  body:not(.wp-admin) .wwp-hero {
    min-height: calc(100vh - 124px) !important;
    display: flex !important;
    align-items: center !important;
  }
  body:not(.wp-admin) .ww-reserve,
  body:not(.wp-admin) .ww-menu-page {
    min-height: calc(100vh - 124px) !important;
  }
  body:not(.wp-admin) .ww-hero h1,
  body:not(.wp-admin) .wwt-hero h1,
  body:not(.wp-admin) .wwp-hero h1 {
    font-size: clamp(56px, 5.6vw, 78px) !important;
    line-height: 1.02 !important;
  }
  body:not(.wp-admin) .ww-reserve h1,
  body:not(.wp-admin) .ww-menu-title {
    font-size: clamp(42px, 4.6vw, 62px) !important;
    line-height: 1.05 !important;
  }
}
@media (max-width: 921px) {
  body:not(.wp-admin) .entry-content > .ww-home,
  body:not(.wp-admin) .entry-content > .ww-takeaway,
  body:not(.wp-admin) .entry-content > .ww-prices,
  body:not(.wp-admin) .entry-content > .ww-reserve,
  body:not(.wp-admin) .entry-content > .ww-menu-page {
    left: auto !important;
    right: auto !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}


/* Mobile navigation brightness - 2026-06-21 */
@media (max-width: 921px) {
  .ast-mobile-popup-drawer,
  .ast-mobile-popup-drawer.active,
  .ast-mobile-popup-drawer.show,
  .ast-mobile-popup-drawer .ast-mobile-popup-inner,
  .ast-mobile-popup-drawer .ast-mobile-popup-content,
  .ast-mobile-popup-drawer .ast-mobile-popup-header,
  .ast-mobile-header-content,
  .ast-builder-menu-mobile,
  .ast-mobile-popup-drawer .main-header-menu,
  .ast-mobile-popup-drawer .ast-builder-menu-mobile {
    background: #fff7ea !important;
    color: #251813 !important;
  }
  .ast-mobile-popup-drawer .main-header-menu .menu-link,
  .ast-mobile-popup-drawer .main-header-menu a,
  .ast-mobile-popup-drawer .menu-item > a,
  .ast-mobile-header-content a {
    color: #251813 !important;
    background: transparent !important;
    border-color: rgba(80,49,31,.14) !important;
    font-weight: 850 !important;
  }
  .ast-mobile-popup-drawer .menu-item > a:hover,
  .ast-mobile-popup-drawer .menu-item > a:focus,
  .ast-mobile-popup-drawer .current-menu-item > a {
    color: #a21f1f !important;
    background: #fff0dc !important;
  }
  .ast-mobile-popup-drawer .menu-item-1165 > a,
  .ast-mobile-popup-drawer a[href*="reserveren"] {
    background: linear-gradient(135deg,#a21f1f,#c3422a) !important;
    color: #fff !important;
    border-radius: 14px !important;
    margin: 8px 16px !important;
    text-align: center !important;
    box-shadow: 0 12px 26px rgba(162,31,31,.18) !important;
  }
  .ast-mobile-popup-drawer .ast-mobile-popup-close,
  .ast-mobile-popup-drawer .menu-toggle-close {
    background: #fff0dc !important;
    color: #a21f1f !important;
    border: 1px solid rgba(162,31,31,.20) !important;
    border-radius: 999px !important;
  }
  .ast-mobile-popup-drawer .ast-mobile-popup-close svg,
  .ast-mobile-popup-drawer .menu-toggle-close svg {
    fill: #a21f1f !important;
  }
  .menu-toggle.main-header-menu-toggle,
  .ast-mobile-menu-trigger-fill,
  .ast-button-wrap .menu-toggle {
    background: #fff0dc !important;
    color: #a21f1f !important;
    border: 1px solid rgba(162,31,31,.22) !important;
    box-shadow: 0 8px 22px rgba(45,25,15,.12) !important;
  }
  .menu-toggle .mobile-menu-toggle-icon,
  .menu-toggle .ast-mobile-svg,
  .ast-mobile-menu-trigger-fill .ast-mobile-svg,
  .ast-button-wrap .menu-toggle .ast-mobile-svg {
    color: #a21f1f !important;
    fill: #a21f1f !important;
  }
}

/* Wokky Wokky black-gold visual refresh - 2026-06-26
   Visual-only override. Keeps existing page text and links unchanged. */
body:not(.wp-admin) {
  background: #060606 !important;
  color: #f7efe0 !important;
}

body:not(.wp-admin) .site-header,
body:not(.wp-admin) .ast-primary-header-bar,
body:not(.wp-admin) .main-header-bar {
  background: rgba(4, 4, 4, .92) !important;
  border-bottom: 1px solid rgba(216, 168, 68, .34) !important;
  box-shadow: 0 16px 42px rgba(0, 0, 0, .34) !important;
  backdrop-filter: blur(18px) !important;
}

body:not(.wp-admin) .main-header-menu .menu-link,
body:not(.wp-admin) .ast-builder-menu .main-navigation .menu-item > .menu-link {
  color: #f8ecd8 !important;
  font-size: 14px !important;
  font-weight: 850 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
}

body:not(.wp-admin) .main-header-menu .menu-link:hover,
body:not(.wp-admin) .ast-builder-menu .main-navigation .menu-item:hover > .menu-link,
body:not(.wp-admin) .main-header-menu .current-menu-item > .menu-link {
  color: #f0ca78 !important;
}

body:not(.wp-admin) .main-header-menu .menu-item-1165 > a,
body:not(.wp-admin) .ast-builder-menu .menu-item-1165 > a {
  min-height: 48px !important;
  padding: 0 24px !important;
  border: 1px solid rgba(255, 233, 177, .64) !important;
  border-radius: 8px !important;
  background: linear-gradient(135deg, #f4cf81, #c8902f) !important;
  color: #130d03 !important;
  box-shadow: 0 14px 30px rgba(216, 168, 68, .18) !important;
}

body:not(.wp-admin) .custom-logo-link img,
body:not(.wp-admin) .site-logo-img img,
body:not(.wp-admin) .ast-site-identity img {
  filter: drop-shadow(0 10px 24px rgba(216, 168, 68, .22)) !important;
}

body:not(.wp-admin) .ww-home {
  --cream: #060606 !important;
  --paper: #10100d !important;
  --ink: #f7efe0 !important;
  --muted: #c8bca8 !important;
  --red: #7f1710 !important;
  --red2: #a72a1f !important;
  --gold: #d8a844 !important;
  --gold2: #f0ca78 !important;
  --line: rgba(216, 168, 68, .32) !important;
  background:
    radial-gradient(circle at top left, rgba(216, 168, 68, .14), transparent 34rem),
    linear-gradient(180deg, #060606 0%, #10100d 48%, #060606 100%) !important;
  color: #f7efe0 !important;
}

body:not(.wp-admin) .ww-home h1,
body:not(.wp-admin) .ww-home h2,
body:not(.wp-admin) .ww-home h3 {
  color: #fff6e6 !important;
  letter-spacing: 0 !important;
}

body:not(.wp-admin) .ww-home p,
body:not(.wp-admin) .ww-home span {
  color: inherit;
}

body:not(.wp-admin) .ww-hero {
  min-height: clamp(680px, 84vh, 860px) !important;
  background-color: #090806 !important;
  background-position: center !important;
  box-shadow: inset 0 -1px 0 rgba(216, 168, 68, .36) !important;
}

body:not(.wp-admin) .ww-hero::before {
  background:
    linear-gradient(90deg, rgba(0, 0, 0, .94) 0%, rgba(0, 0, 0, .72) 48%, rgba(0, 0, 0, .38) 100%),
    linear-gradient(0deg, rgba(0, 0, 0, .82), transparent 44%),
    radial-gradient(circle at 28% 20%, rgba(216, 168, 68, .22), transparent 34%) !important;
}

body:not(.wp-admin) .ww-brand-chip {
  border: 1px solid rgba(216, 168, 68, .38) !important;
  background: rgba(8, 8, 7, .78) !important;
  color: #f8ecd8 !important;
  box-shadow: 0 22px 60px rgba(0, 0, 0, .34) !important;
  backdrop-filter: blur(14px) !important;
}

body:not(.wp-admin) .ww-brand-chip em,
body:not(.wp-admin) .ww-eyebrow,
body:not(.wp-admin) .ww-kicker {
  color: #f0ca78 !important;
}

body:not(.wp-admin) .ww-eyebrow {
  border-color: rgba(216, 168, 68, .42) !important;
  background: rgba(6, 6, 6, .58) !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .04) !important;
}

body:not(.wp-admin) .ww-hero h1 {
  max-width: 820px !important;
  font-size: clamp(52px, 8.2vw, 104px) !important;
  line-height: .94 !important;
  text-shadow: 0 18px 44px rgba(0, 0, 0, .58) !important;
}

body:not(.wp-admin) .ww-hero p {
  color: #f4ead9 !important;
  text-shadow: 0 10px 28px rgba(0, 0, 0, .52) !important;
}

body:not(.wp-admin) .ww-btn {
  border: 1px solid rgba(255, 233, 177, .58) !important;
  border-radius: 8px !important;
  background: linear-gradient(135deg, #f4cf81, #c8902f) !important;
  color: #130d03 !important;
  box-shadow: 0 16px 32px rgba(216, 168, 68, .18) !important;
}

body:not(.wp-admin) .ww-btn:hover {
  background: linear-gradient(135deg, #ffdda0, #d8a844) !important;
  color: #130d03 !important;
  transform: translateY(-2px) !important;
}

body:not(.wp-admin) .ww-btn.ghost,
body:not(.wp-admin) .ww-tel {
  border: 1px solid rgba(216, 168, 68, .45) !important;
  background: rgba(8, 8, 7, .58) !important;
  color: #f8ecd8 !important;
  box-shadow: none !important;
}

body:not(.wp-admin) .ww-section,
body:not(.wp-admin) .ww-section.alt {
  background:
    radial-gradient(circle at 18% 0%, rgba(216, 168, 68, .08), transparent 28rem),
    #080807 !important;
  border-top: 1px solid rgba(216, 168, 68, .18) !important;
}

body:not(.wp-admin) .ww-section.alt {
  background:
    radial-gradient(circle at 78% 10%, rgba(216, 168, 68, .10), transparent 28rem),
    #10100d !important;
}

body:not(.wp-admin) .ww-intro-card,
body:not(.wp-admin) .ww-feature,
body:not(.wp-admin) .ww-dish,
body:not(.wp-admin) .ww-note,
body:not(.wp-admin) .ww-cta,
body:not(.wp-admin) .site-footer {
  border: 1px solid rgba(216, 168, 68, .30) !important;
  border-radius: 8px !important;
  background: rgba(18, 18, 15, .78) !important;
  box-shadow: 0 20px 60px rgba(0, 0, 0, .18) !important;
}

body:not(.wp-admin) .ww-feature-grid {
  gap: 20px !important;
}

body:not(.wp-admin) .ww-feature b,
body:not(.wp-admin) .ww-intro-card strong,
body:not(.wp-admin) .ww-dish h3 {
  color: #fff6e6 !important;
}

body:not(.wp-admin) .ww-feature span,
body:not(.wp-admin) .ww-intro-card span,
body:not(.wp-admin) .ww-mini-list span,
body:not(.wp-admin) .ww-dish p,
body:not(.wp-admin) .ww-menu-head p,
body:not(.wp-admin) .ww-note p,
body:not(.wp-admin) .ww-cta p {
  color: #c8bca8 !important;
}

body:not(.wp-admin) .ww-dish {
  overflow: hidden !important;
}

body:not(.wp-admin) .ww-dish img {
  min-height: 220px !important;
  object-fit: cover !important;
  filter: saturate(1.04) contrast(1.05) !important;
  transition: transform .24s ease, filter .24s ease !important;
}

body:not(.wp-admin) .ww-dish:hover img {
  transform: scale(1.035) !important;
  filter: saturate(1.12) contrast(1.1) !important;
}

body:not(.wp-admin) .ww-dish > div,
body:not(.wp-admin) .ww-intro-card,
body:not(.wp-admin) .ww-feature,
body:not(.wp-admin) .ww-note,
body:not(.wp-admin) .ww-cta {
  padding: clamp(22px, 3vw, 34px) !important;
}

body:not(.wp-admin) .ww-cta {
  background:
    linear-gradient(90deg, rgba(127, 23, 16, .92), rgba(127, 23, 16, .62)),
    #7f1710 !important;
}

body:not(.wp-admin) .site-footer {
  margin-top: 0 !important;
  color: #c8bca8 !important;
  background: #070706 !important;
}

body:not(.wp-admin) .site-footer h2,
body:not(.wp-admin) .site-footer h3,
body:not(.wp-admin) .site-footer a {
  color: #f8ecd8 !important;
}

body:not(.wp-admin) .site-footer a:hover {
  color: #f0ca78 !important;
}

@media (max-width: 921px) {
  body:not(.wp-admin) .ast-mobile-header-wrap,
  body:not(.wp-admin) .ast-primary-header-bar {
    background: rgba(4, 4, 4, .94) !important;
  }

  body:not(.wp-admin) .main-header-menu,
  body:not(.wp-admin) .ast-mobile-popup-drawer {
    background: #080807 !important;
  }

  body:not(.wp-admin) .main-header-menu .menu-link {
    color: #f8ecd8 !important;
  }
}

@media (max-width: 760px) {
  body:not(.wp-admin) .ww-wrap {
    width: min(100% - 32px, 1120px) !important;
  }

  body:not(.wp-admin) .ww-hero {
    min-height: 680px !important;
    align-items: flex-start !important;
    padding-top: 64px !important;
  }

  body:not(.wp-admin) .ww-hero h1 {
    font-size: clamp(42px, 13vw, 64px) !important;
  }

  body:not(.wp-admin) .ww-actions {
    display: grid !important;
  }

  body:not(.wp-admin) .ww-btn,
  body:not(.wp-admin) .ww-btn.ghost {
    width: 100% !important;
  }

  body:not(.wp-admin) .ww-dish-grid,
  body:not(.wp-admin) .ww-feature-grid,
  body:not(.wp-admin) .ww-intro {
    grid-template-columns: 1fr !important;
  }
}


/* Wokky Wokky black-gold final polish - 2026-06-26 */
html body:not(.wp-admin) #masthead .main-header-menu #menu-item-1165 > a.menu-link,
html body:not(.wp-admin) #masthead .ast-builder-menu .main-navigation #menu-item-1165 > a.menu-link,
html body:not(.wp-admin) .main-header-menu li.menu-item-1165 > a.menu-link {
  border: 1px solid rgba(255, 233, 177, .68) !important;
  border-radius: 8px !important;
  background: linear-gradient(135deg, #f4cf81, #c8902f) !important;
  color: #130d03 !important;
  box-shadow: 0 14px 30px rgba(216, 168, 68, .24) !important;
}

html body:not(.wp-admin) #masthead .main-header-menu #menu-item-1165 > a.menu-link:hover,
html body:not(.wp-admin) #masthead .ast-builder-menu .main-navigation #menu-item-1165 > a.menu-link:hover,
html body:not(.wp-admin) .main-header-menu li.menu-item-1165 > a.menu-link:hover {
  background: linear-gradient(135deg, #ffdda0, #d8a844) !important;
  color: #130d03 !important;
}

html body:not(.wp-admin) .ww-home .ww-hero h1,
html body:not(.wp-admin) .ww-home .ww-section h2 {
  font-family: "DM Serif Display", Georgia, "Times New Roman", serif !important;
  font-weight: 400 !important;
}

html body:not(.wp-admin) .ww-home .ww-hero h1 {
  max-width: 780px !important;
  font-size: clamp(52px, 7.2vw, 94px) !important;
  line-height: .98 !important;
}

html body:not(.wp-admin) .ww-home .ww-brand-chip {
  display: inline-flex !important;
}

html body:not(.wp-admin) .ww-home .ww-section {
  color: #f7efe0 !important;
}