/* Shared menu presentation. Bootstrap controls columns/order; ETS retains
   dropdowns and drawer interaction. All changes stay in the theme override. */
#header .kr-mm-panel { width: 100%; }
#header .kr-mm-panel .kr-mm-heading {
  margin: 0 0 10px;
  padding: 0 0 12px;
  border-bottom: 1px solid rgb(84 156 31 / 20%);
  color: #549c1f;
  font-family: inherit !important; /* Theme headings otherwise force newImpact. */
  font-size: 14px;
  font-weight: 700;
  line-height: 1.5;
  text-transform: none;
  text-align: left;
}

#header .kr-mm-panel .mm_blocks_li,
#header .kr-mm-panel .ets_mm_block_content li { float: none; width: auto; margin: 0; padding: 0; }
/* ETS marks the item before a mobile column breaker as mm_before_breaker. */
#header .kr-mm-panel .ets_mm_block_content { display: block; }
/* Group headings replace block titles, while the category links stay visible. */
#header .kr-mm-panel .kr-mm-no-title .ets_mm_block > .h4 { display: none; }
#header .kr-mm-panel .ets_mm_block a,
#header .kr-mm-footer a {
  display: block;
  padding: 8px 10px;
  margin: 0 -10px;
  border-radius: 6px;
  color: #000;
  font-size: 14px;
  line-height: 20px;
  white-space: normal;
  overflow-wrap: anywhere;
}
#header .kr-mm-panel a:hover,
#header .kr-mm-panel a:focus-visible {
  background-color: rgb(84 156 31 / 10%);
  color: #000 !important; /* Existing theme applies !important on li:hover. */
  font-weight: 700;
}
#header .kr-mm-panel a:focus-visible { outline: 2px solid #549c1f; outline-offset: 2px; }
#header .kr-mm-panel :is([data-id-block="56"], [data-id-block="102"]) { --kr-mm-icon: url("../img/kerst.svg"); }
#header .kr-mm-panel [data-id-block="107"] { --kr-mm-icon: url("../img/sint.svg"); }
#header .kr-mm-panel :is([data-id-block="43"], [data-id-block="71"], [data-id-block="97"]) { --kr-mm-icon: url("../img/sale.svg?v=2"); }
#header .kr-mm-panel :is([data-id-block="257"], [data-id-block="258"], .kr-mm-print-shortcut) { --kr-mm-icon: url("../img/bedrukken.svg?v=2"); }
#header .kr-mm-panel [data-id-block="106"] { --kr-mm-icon: url("../img/pasen.svg"); }
#header .kr-mm-panel [data-id-block="104"] { --kr-mm-icon: url("../img/hart.svg"); }
#header .kr-mm-panel [data-id-block="255"] { --kr-mm-icon: url("../img/vaderdag.svg?v=2"); }
#header .kr-mm-panel [data-id-block="264"] { --kr-mm-icon: url("../img/zomer.svg"); }
#header .kr-mm-panel [data-id-block="101"] { --kr-mm-icon: url("../img/herfst.svg"); }
#header .kr-mm-panel [data-id-block="98"] { --kr-mm-icon: url("../img/baby.svg?v=4"); }
#header .kr-mm-panel [data-id-block="99"] { --kr-mm-icon: url("../img/delfts.svg"); }
#header .kr-mm-panel [data-id-block="100"] { --kr-mm-icon: url("../img/duurzaam.svg"); }
#header .kr-mm-panel [data-id-block="108"] { --kr-mm-icon: url("../img/trouwen.svg"); }
#header .kr-mm-panel [data-id-block="109"] { --kr-mm-icon: url("../img/geschenk.svg?v=2"); }
#header .kr-mm-panel [data-id-block="170"] { --kr-mm-icon: url("../img/feest.svg?v=2"); }
#header .kr-mm-panel [data-id-block="103"] { --kr-mm-icon: url("../img/kraft.svg"); }
#header .kr-mm-panel [data-id-block="105"] { --kr-mm-icon: url("../img/oranje.svg"); }
#header .kr-mm-panel .kr-mm-icon .ets_mm_categories > li > a {
  background-image: var(--kr-mm-icon);
  background-repeat: no-repeat;
  background-position: 10px 9px;
  background-size: 18px 18px;
  padding-left: 38px;
}
@media (min-width: 1200px) {
  #header .kr-mm-groups { margin: 0; padding: 24px 17px 28px; row-gap: 24px; }
  #header .ets_mm_megamenu .kr-mm-menu > .mm_columns_ul {
    width: 100% !important; /* Override the width configured inline by ETS. */
    left: 0;
    padding: 0;
    border-top: 2px solid #549c1f;
    box-shadow: 0 10px 24px rgb(31 42 20 / 12%);
  }

  #header .kr-mm-footer {
    padding: 5.5px 32px;
    background: rgb(84 156 31 / 6%);
    border-top: 1px solid rgb(84 156 31 / 20%);
  }
  #header .kr-mm-footer a { color: #000; font-size: 14px; font-weight: 700; }
  #header .kr-mm-panel .kr-mm-footer a:hover,
  #header .kr-mm-panel .kr-mm-footer a:focus-visible {
    background-color: transparent;
    text-decoration: underline;
    text-underline-offset: 3px;
  }
  #header .kr-mm-menu:is(:hover, :focus-within) > a .mm_menu_content_title {
    background: #549c1f;
    color: #fff !important;
  }
  #header .kr-mm-menu:focus-within > .mm_columns_ul {
    display: flex;
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
    margin-top: 0;
  }
}

@media (max-width: 1199.98px) {
  #header .ets_mm_megamenu .mm_menus_ul { width: min(390px, calc(100vw - 44px)); max-width: none; }
  #header .ets_mm_megamenu .kr-mm-menu > .mm_columns_ul { padding: 0; }
  #header .kr-mm-panel { padding: 16px 20px 24px; text-align: left; }
  #header .kr-mm-groups { margin: 0; row-gap: 22px; }
  #header .kr-mm-group { padding: 0; width: 100%; }
  #header .kr-mm-panel .kr-mm-heading { padding-bottom: 8px; margin-bottom: 4px; }
  #header .kr-mm-panel .ets_mm_block a,
  #header .kr-mm-footer a {
    min-height: 44px;
    padding-top: 11px;
    padding-bottom: 11px;
    font-size: 15px;
    line-height: 22px;
    text-align: left;
    color: #000 !important;
  }
  #header .kr-mm-panel .ets_mm_categories > li > a { background-position-y: 13px; }
  #header .kr-mm-footer { margin: 0 0 22px; }
  #header .kr-mm-footer a { margin: 0; padding: 12px; background: rgb(84 156 31 / 8%); font-weight: 700; }
  #header .kr-mm-menu > .arrow { min-width: 44px; min-height: 44px; }
  #header .mm_menus_ul > .mm_menus_li > .arrow::before {
    border-top-width: 2px !important; /* ETS sets the border shorthand !important. */
    width: 14px;
    height: 2px;
  }
  #header .mm_menus_ul > .mm_menus_li > .arrow::after {
    border-left-width: 2px !important;
    width: 2px;
    height: 14px;
  }
}

/* JS owns hover state so ETS's immediate :hover rules cannot switch early. */
@media (min-width: 1200px) and (hover: hover) and (pointer: fine) {
  #header .kr-mm-hover-managed .mm_menus_ul > .mm_menus_li:not(.mm_menus_li_tab) > .mm_columns_ul {
    display: none !important;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
  }
  #header .kr-mm-hover-managed .mm_menus_ul > .mm_menus_li.kr-mm-open > .mm_columns_ul {
    display: flex !important;
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
    margin-top: 0;
  }
  #header .kr-mm-hover-managed .mm_menus_li:not(.kr-mm-open) > a,
  #header .kr-mm-hover-managed .mm_menus_li:not(.kr-mm-open) > a .mm_menu_content_title {
    background: transparent !important;
    color: #000 !important;
  }
  #header .kr-mm-hover-managed .mm_menus_li.kr-mm-open > a,
  #header .kr-mm-hover-managed .mm_menus_li.kr-mm-open > a .mm_menu_content_title {
    background: #549c1f;
    color: #fff !important;
  }
}

.kr-mm-backdrop { position: fixed; inset: 0; z-index: 999; background: rgb(0 0 0 / 12%); }
.kr-mm-backdrop[hidden] { display: none; }
@media (min-width: 1200px) {
  #header .kr-mm-hover-managed::before { display: none !important; }
}