/** Shopify CDN: Minification failed

Line 109:0 Unexpected "}"

**/
/* =========================
   ANNOUNCEMENT BAR (goud)
   ========================= */

.announcement-bar {
  background-color: #cc9933 !important;
  color: #ffffff !important;
}

.announcement-bar__message {
  color: #ffffff !important;
}

/* Announcement bar: Language/Country dropdown (Dawn) */
.announcement-bar .disclosure { position: relative; }

.announcement-bar details[open] .disclosure__list-wrapper,
.announcement-bar .disclosure__list-wrapper,
.announcement-bar .disclosure__list {
  background: #111111 !important;
  border-radius: 10px !important;
  border: 1px solid rgba(255,255,255,.15) !important;
  box-shadow: 0 10px 25px rgba(0,0,0,.4) !important;
}

.announcement-bar .disclosure__item a,
.announcement-bar .disclosure__link {
  color: #ffffff !important;
}

.announcement-bar .disclosure__item a:hover,
.announcement-bar .disclosure__link:hover {
  color: #cc9933 !important;
  background: rgba(255,255,255,.06) !important;
}
/* =========================
   HEADER MENU DROPDOWN (Dawn) - fix wit vlak + uitlijning
   ========================= */
.header__inline-menu .list-menu > li { position: relative; }

/* submenu container */
.header__inline-menu details[open] > .header__submenu,
.header__inline-menu .header__submenu {
  background: #111111 !important;
  border-radius: 12px !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  box-shadow: 0 12px 30px rgba(0,0,0,.35) !important;

  /* voorkomt mega wit vlak */
  width: max-content !important;
  min-width: 220px !important;
  max-width: 320px !important;
  padding: 8px 0 !important;

  top: 100% !important;
  left: 0 !important;
  margin-top: 8px !important;
}

/* soms heeft de inner list zelf nog wit */
.header__inline-menu .header__submenu .list-menu,
.header__inline-menu .header__submenu .list-menu__item {
  background: transparent !important;
}

.header__inline-menu .header__submenu a,
.header__inline-menu .header__submenu .list-menu__item {
  color: #ffffff !important;
  padding: 10px 18px !important;
  display: block !important;
}

.header__inline-menu .header__submenu a:hover {
  color: #cc9933 !important;
  background: rgba(255,255,255,.06) !important;
}


/* =========================
   TAAL/LAND DROPDOWN (Dawn) - NIET scopen op announcement-bar
   omdat Dawn 'm soms buiten de bar rendert
   ========================= */
.localization-form .disclosure__list-wrapper,
.localization-form .disclosure__list,
.localization-form details[open] .disclosure__list-wrapper,
.localization-form details[open] .disclosure__list {
  background: #111111 !important;
  border-radius: 10px !important;
  border: 1px solid rgba(255,255,255,.15) !important;
  box-shadow: 0 10px 25px rgba(0,0,0,.4) !important;
  overflow: hidden !important;
}

.localization-form .disclosure__item a,
.localization-form .disclosure__link {
  color: #ffffff !important;
}

.localization-form .disclosure__item a:hover,
.localization-form .disclosure__link:hover {
  color: #cc9933 !important;
  background: rgba(255,255,255,.06) !important;
}
}

.header__inline-menu details[open] > .header__submenu {
  background-color: #111111 !important;
}
/* FIX: Dawn mega-menu inner wrapper blijft wit */
.header__inline-menu details[open] .mega-menu__content,
.header__inline-menu details[open] .mega-menu__list,
.header__inline-menu details[open] .mega-menu__linklist,
.header__inline-menu details[open] .mega-menu__list-wrapper,
.header__inline-menu details[open] .header__submenu .list-menu {
  background: #111111 !important;
}

/* Soms zit het wit in een pseudo element/overlay */
.header__inline-menu details[open] .mega-menu__content::before,
.header__inline-menu details[open] .mega-menu__content::after,
.header__inline-menu details[open] .header__submenu::before,
.header__inline-menu details[open] .header__submenu::after {
  background: transparent !important;
}

/* Links leesbaar maken */
.header__inline-menu details[open] .mega-menu__link,
.header__inline-menu details[open] .mega-menu__link a,
.header__inline-menu details[open] .header__submenu a {
  color: #ffffff !important;
}

.header__inline-menu details[open] .mega-menu__link:hover,
.header__inline-menu details[open] .header__submenu a:hover {
  color: #cc9933 !important;
  background: rgba(255,255,255,.06) !important;
}
/* FIX: Mega menu achtergrond (Dawn) - voorkom wit vlak */ .header__inline-menu details[open] .mega-menu, .header__inline-menu details[open] .mega-menu__content, .header__inline-menu details[open] .mega-menu__content-wrapper, .header__inline-menu details[open] .mega-menu__list, .header__inline-menu details[open] .mega-menu__linklist, .header__inline-menu details[open] .header__submenu {
  background: #111111 !important;
  background-color: #111111 !important;
}

/* Override Dawn background vars (soms gebruikt hij rgb(var(...)) / gradients) */ .header__inline-menu details[open] .mega-menu, .header__inline-menu details[open] .header__submenu {
  --color-background: 17,17,17;
  --color-base-background-1: 17,17,17;
  --color-base-background-2: 17,17,17;
  --gradient-background: #111111;
}

/* Zorg dat tekst zichtbaar blijft */
.header__inline-menu details[open] .mega-menu a, .header__inline-menu details[open] .header__submenu a {
  color: #ffffff !important;
}
.header__inline-menu details[open] .mega-menu a:hover, .header__inline-menu details[open] .header__submenu a:hover {
  color: #cc9933 !important;
  background: rgba(255,255,255,.06) !important; }