/* UitjeZoeker – header met wegwijzerpaal (desktop). Mobiel blijft ongewijzigd. */

/* Wrappers: op mobiel onzichtbaar/transparant zodat de bestaande mobiele navigatie werkt */
.uz-signpost { display: none; }
.uz-utility { display: contents; }

@media (min-width: 769px) {
  .site-header {
    position: relative !important;
    display: block !important;
    padding: 0 !important;
    height: 236px;
    background: #9fd0f4 url(/assets/images/header-bg.jpg) center / cover no-repeat !important;
    border-bottom: 0 !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-print-color-adjust: exact; print-color-adjust: exact;
  }
  .site-header .header-inner {
    display: block !important; position: relative; z-index: 1;
    width: 95% !important; max-width: none !important; height: 236px; margin: 0 auto !important; padding: 0 !important;
  }

  /* Logo met zachte witte waas */
  .site-header .brand { position: absolute; left: 0; top: 48px; margin: 0; isolation: isolate; }
  .site-header .brand::before {
    content: ""; position: absolute; z-index: -1; left: -36px; right: -36px; top: -26px; bottom: -26px; border-radius: 50%;
    background: radial-gradient(ellipse at 45% 50%, rgba(255,255,255,.7) 0%, rgba(255,255,255,.48) 45%, rgba(255,255,255,0) 100%);
    filter: blur(16px);
  }
  .site-header .brand img.site-logo {
    height: auto; max-height: none; width: 434px; max-width: none;
    filter: drop-shadow(0 0 4px rgba(255,255,255,.9)) drop-shadow(0 2px 5px rgba(0,40,100,.18));
  }

  /* Hulpknoppen bovenin; Login staat helemaal rechts in deze rij, vlak voor de paal */
  .site-header #uzHeaderNav { display: contents !important; }
  .site-header .uz-utility {
    display: flex !important; position: absolute; left: 500px; right: 180px; top: 34px; gap: 10px; align-items: center; flex-wrap: nowrap;
  }
  #uzHeaderNav .uz-utility a.header-map-icon.header-map-icon, #uzHeaderNav .uz-utility a.uz-nav-outline-btn.uz-nav-outline-btn {
    height: 40px; padding: 0 16px; border-radius: 20px; font-size: 14px; font-weight: 800 !important;
    background: #fff !important; color: #1f4e9c !important; border: 0 !important;
    box-shadow: 0 5px 14px rgba(15, 60, 120, .18);
  }
  #uzHeaderNav .uz-utility a.header-map-icon.header-map-icon:hover, #uzHeaderNav .uz-utility a.uz-nav-outline-btn.uz-nav-outline-btn:hover {
    background: #fff3e6 !important; color: #c2410c !important;
  }
  #uzHeaderNav .uz-utility a.uz-nav-donate-btn svg { color: #e2402a; }
  #uzHeaderNav .uz-utility a.uz-nav-outline-btn.uz-nav-outline-btn { margin-left: auto; background: linear-gradient(135deg, #f6a04e, #e2682a) !important; color: #fff !important; }
  #uzHeaderNav .uz-utility a.uz-nav-outline-btn.uz-nav-outline-btn:hover { background: linear-gradient(135deg, #e2682a, #c2410c) !important; color: #fff !important; }

  /* Taalkeuze in de bovenste rij, links van Login, even hoog als Login */
  .site-header .uz-utility .lang-switch-custom, .site-header .uz-utility .lang-switch { position: relative; left: auto; top: auto; margin-left: auto; flex: none; }
  .site-header .uz-utility .lang-switch-btn, .site-header .uz-utility a.lang-switch {
    height: 40px; border-radius: 20px; padding: 0 16px; font-size: 14px; font-weight: 800; color: #1f4e9c;
    box-shadow: 0 5px 14px rgba(15, 60, 120, .18);
  }
  .site-header .uz-utility .lang-switch-list { top: 46px; left: auto; right: 0; }
  #uzHeaderNav .uz-utility .lang-switch-custom ~ a.uz-nav-outline-btn.uz-nav-outline-btn { margin-left: 0; }

  /* Zoekbalk (korter) */
  .site-header .header-search {
    position: absolute; left: 500px; width: 505px; top: 158px; margin: 0; height: 52px; box-sizing: border-box;
    background: #fff; border-radius: 26px; box-shadow: 0 8px 20px rgba(15, 60, 120, .18);
    display: flex; align-items: center; padding: 0 5px 0 20px; gap: 8px;
  }
  .site-header .header-search input[name=q] {
    flex: 1 1 auto; width: auto !important; min-width: 0; height: 100%; border: 0 !important; outline: 0; background: transparent !important;
    box-shadow: none !important; font-size: 16px; font-weight: 600; padding: 0 !important; color: #06164a;
  }
  .site-header .header-search .uz-scope-toggle {
    width: 42px; height: 42px; padding: 0; border: 0; border-radius: 50%; cursor: pointer; font-size: 18px;
    display: flex; align-items: center; justify-content: center;
    background: linear-gradient(135deg, #f6a04e, #e2682a) !important; box-shadow: none !important;
  }

  /* Houten borden (fallback voor niet-Nederlands), rechts */
  .site-header .uz-signpost {
    display: block; position: absolute; right: 0; top: 0; width: 350px; height: 256px; z-index: 3;
    transform: scale(.86); transform-origin: top right;
  }
  .uz-pole {
    position: absolute; left: 161px; top: 0; width: 28px; height: 256px;
    background: repeating-linear-gradient(90deg, rgba(255,255,255,.10) 0 3px, rgba(0,0,0,.10) 3px 7px, rgba(255,255,255,.05) 7px 9px), #8a5a2b;
    border-radius: 0 0 4px 4px; box-shadow: inset -5px 0 0 rgba(0,0,0,.16);
  }
  #uzHeaderNav .uz-signpost a.header-map-icon {
    position: absolute; width: 214px; height: 40px; padding: 0 28px 0 18px; border-radius: 0; box-sizing: border-box;
    font: 800 25px/1 'Barlow Condensed', 'Arial Narrow', sans-serif !important; letter-spacing: .02em; text-transform: uppercase;
    color: #fff !important; text-shadow: 0 2px 3px rgba(0,0,0,.35);
    justify-content: flex-start; box-shadow: inset 0 -4px 0 rgba(0,0,0,.18);
    border: 0 !important; transition: filter .15s, transform .15s;
  }
  #uzHeaderNav .uz-signpost a.header-map-icon svg { display: none; }
  #uzHeaderNav .uz-signpost a.header-map-icon:hover { filter: brightness(1.08); }
  #uzHeaderNav .uz-signpost a.uz-nav-outing-btn, #uzHeaderNav .uz-signpost a.uz-nav-route-btn, #uzHeaderNav .uz-signpost a.uz-nav-tour-btn {
    left: 20px; clip-path: polygon(0 0, calc(100% - 20px) 0, 100% 50%, calc(100% - 20px) 100%, 0 100%);
  }
  #uzHeaderNav .uz-signpost a.uz-nav-stay-btn, #uzHeaderNav .uz-signpost a.uz-nav-food-btn {
    left: 116px; padding: 0 18px 0 32px; clip-path: polygon(20px 0, 100% 0, 100% 100%, 20px 100%, 0 50%);
  }
  #uzHeaderNav .uz-signpost a.uz-nav-outing-btn { top: 16px;  transform: rotate(-1.5deg); }
  #uzHeaderNav .uz-signpost a.uz-nav-stay-btn { top: 62px;  transform: rotate(1.2deg); }
  #uzHeaderNav .uz-signpost a.uz-nav-route-btn { top: 108px; transform: rotate(-1deg); }
  #uzHeaderNav .uz-signpost a.uz-nav-food-btn { top: 154px; transform: rotate(1.5deg); }
  #uzHeaderNav .uz-signpost a.uz-nav-tour-btn { top: 200px; transform: rotate(-1.2deg); }
  #uzHeaderNav .uz-signpost a.uz-nav-outing-btn { background: repeating-linear-gradient(94deg, rgba(255,255,255,.09) 0 3px, rgba(0,0,0,.06) 3px 7px, rgba(255,255,255,.04) 7px 9px), #ee7a1f !important; }
  #uzHeaderNav .uz-signpost a.uz-nav-stay-btn   { background: repeating-linear-gradient(94deg, rgba(255,255,255,.09) 0 3px, rgba(0,0,0,.06) 3px 7px, rgba(255,255,255,.04) 7px 9px), #2a73d6 !important; }
  #uzHeaderNav .uz-signpost a.uz-nav-route-btn  { background: repeating-linear-gradient(94deg, rgba(255,255,255,.09) 0 3px, rgba(0,0,0,.06) 3px 7px, rgba(255,255,255,.04) 7px 9px), #3f9a3a !important; }
  #uzHeaderNav .uz-signpost a.uz-nav-food-btn   { background: repeating-linear-gradient(0deg, rgba(0,0,0,.03) 0 3px, rgba(0,0,0,.05) 3px 7px), #fbfaf6 !important; color: #0f3a8a !important; text-shadow: none; }
  #uzHeaderNav .uz-signpost a.uz-nav-tour-btn   { background: linear-gradient(100deg, #3f9a3a, #2a73d6) !important; }
  .site-header:has(.uz-signpost:not(.uz-signpost--img)) .uz-utility { right: 340px; }
  .site-header:has(.uz-signpost:not(.uz-signpost--img)) .header-search { width: 500px; }

  /* Nederlands: de aangeleverde paal-afbeelding met klikvlakken erover */
  .site-header .uz-signpost.uz-signpost--img { width: 160px; right: 0; height: 236px; overflow: hidden; transform: none; }
  .uz-signpost--img .uz-pole { display: none; }
  .uz-pole-img {
    position: absolute; left: 10px; top: -16px; width: 140px; height: 267px; display: block;
    filter: drop-shadow(0 5px 6px rgba(0,0,0,.35)); pointer-events: none;
  }
  #uzHeaderNav .uz-signpost--img.uz-signpost a.header-map-icon.header-map-icon {
    left: 10px; width: 140px; padding: 0; clip-path: none; transform: none; border-radius: 8px;
    background: transparent !important; border: 0 !important; box-shadow: none; color: transparent !important; text-shadow: none;
    font-size: 0 !important; overflow: hidden; filter: none;
  }
  #uzHeaderNav .uz-signpost--img.uz-signpost a.header-map-icon.header-map-icon:hover { background: rgba(255,255,255,.22) !important; transform: none; filter: none; }
  #uzHeaderNav .uz-signpost--img.uz-signpost a.uz-nav-outing-btn { top: 8px;   height: 47px; }
  #uzHeaderNav .uz-signpost--img.uz-signpost a.uz-nav-stay-btn   { top: 50px;  height: 44px; }
  #uzHeaderNav .uz-signpost--img.uz-signpost a.uz-nav-route-btn  { top: 91px;  height: 44px; }
  #uzHeaderNav .uz-signpost--img.uz-signpost a.uz-nav-food-btn   { top: 132px; height: 41px; }
  #uzHeaderNav .uz-signpost--img.uz-signpost a.uz-nav-tour-btn   { top: 173px; height: 41px; }
  #uzHeaderNav .uz-signpost--img.uz-signpost a:focus-visible { outline: 3px solid #fff; }
}

/* Smallere schermen */
@media (min-width: 769px) and (max-width: 1250px) {
  .site-header .brand { top: 70px; }
  .site-header .brand img.site-logo { width: 300px; }
  .site-header .uz-utility { left: 340px; right: 205px; }
  .site-header .header-search { left: 340px; width: auto; right: 190px; }
  .site-header .uz-signpost { transform: scale(.78); }
  .site-header .uz-signpost.uz-signpost--img { transform: none; }
  .site-header:has(.uz-signpost:not(.uz-signpost--img)) .uz-utility { right: 290px; }
  .site-header:has(.uz-signpost:not(.uz-signpost--img)) .header-search { right: 290px; width: auto; }
}
@media (min-width: 769px) and (max-width: 960px) {
  .site-header .brand { top: 14px; }
  .site-header .brand img.site-logo { width: 240px; }
  .site-header .uz-utility { left: 10px; right: 170px; top: 106px; }
  .site-header .header-search { left: 10px; right: 190px; top: 164px; }
}

/* ======================= MOBIEL (max 768px) ======================= */
.uz-burger, .uz-mlang, .uz-mlang-list, .uz-m-signup { display: none; }
@media (max-width: 768px) {
  body .site-header {
    position: relative !important; display: block !important; height: 172px; padding: 0 !important;
    background: #9fd0f4 url(/assets/images/header-bg.jpg) 38% 40% / auto 100% no-repeat !important;
    border-bottom: 0 !important; box-shadow: none !important; backdrop-filter: none !important; overflow: visible;
  }
  body .site-header .header-inner {
    display: block !important; position: relative !important; width: 100% !important; max-width: 100% !important;
    height: 172px !important; min-height: 172px !important; padding: 0 !important; margin: 0 !important; overflow: visible !important; gap: 0 !important;
  }
  /* logo met waas */
  body .site-header .brand { position: absolute !important; left: 12px !important; top: 22px !important; transform: none !important; margin: 0 !important; isolation: isolate; display: block !important; }
  body .site-header .brand::before {
    content: ""; position: absolute; z-index: -1; left: -24px; right: -24px; top: -16px; bottom: -16px; border-radius: 50%;
    background: radial-gradient(ellipse at 45% 50%, rgba(255,255,255,.7) 0%, rgba(255,255,255,.45) 45%, rgba(255,255,255,0) 100%); filter: blur(12px);
  }
  body .site-header .site-logo { width: 230px !important; max-width: none !important; max-height: none !important; height: auto !important;
    filter: drop-shadow(0 0 4px rgba(255,255,255,.9)) drop-shadow(0 2px 4px rgba(0,40,100,.18)); }
  .site-header .header-inner .uz-mobile-signup-plus { display: none !important; }
  /* zoekbalk */
  body .site-header .header-search {
    display: flex !important; position: absolute; left: 12px; right: 12px; top: 108px; margin: 0; width: auto; height: 52px; box-sizing: border-box;
    background: #fff; border-radius: 26px; box-shadow: 0 8px 20px rgba(15,60,120,.2); align-items: center; padding: 0 5px 0 18px; gap: 8px;
  }
  body .site-header .header-search input[name=q] { flex: 1 1 auto; width: auto !important; min-width: 0; height: 100%; border: 0 !important; outline: 0; background: transparent !important; box-shadow: none !important; font-size: 15px; padding: 0 !important; }
  body .site-header .header-search .uz-scope-toggle { width: 42px; height: 42px; padding: 0; border: 0; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: linear-gradient(135deg, #f6a04e, #e2682a) !important; box-shadow: none !important; }
  /* taalpil + menuknop */
  .uz-mlang {
    display: flex; position: absolute; right: 66px; top: 22px; height: 40px; border-radius: 20px; background: #fff; border: 0; box-shadow: 0 5px 14px rgba(15,60,120,.2);
    font: 800 14px/1 inherit; color: #1f4e9c; align-items: center; gap: 6px; padding: 0 12px; cursor: pointer;
  }
  .uz-burger {
    display: flex; position: absolute; right: 12px; top: 20px; width: 44px; height: 44px; border-radius: 14px; border: 0; cursor: pointer;
    background: linear-gradient(135deg, #f6a04e, #e2682a); box-shadow: 0 5px 14px rgba(15,60,120,.2); align-items: center; justify-content: center; z-index: 5;
  }
  .uz-burger i, .uz-burger i::before, .uz-burger i::after { display: block; width: 20px; height: 2.5px; background: #fff; border-radius: 2px; position: relative; transition: transform .2s, top .2s, background .2s; }
  .uz-burger i::before, .uz-burger i::after { content: ""; position: absolute; left: 0; }
  .uz-burger i::before { top: -6px; } .uz-burger i::after { top: 6px; }
  body.uz-menu-open .uz-burger i { background: transparent; }
  body.uz-menu-open .uz-burger i::before { top: 0; transform: rotate(45deg); }
  body.uz-menu-open .uz-burger i::after { top: 0; transform: rotate(-45deg); }
  body.uz-menu-open::before { content: ""; position: fixed; inset: 0; background: rgba(6,22,74,.45); z-index: 1500; }

  /* uitklappaneel */
  body .site-header .header-inner #uzHeaderNav {
    display: none !important; position: absolute !important; top: 100% !important; left: 0 !important; right: 0 !important; height: 450px;
    padding: 0 !important; margin: 0 !important; background: transparent !important; border-radius: 0;
    box-shadow: none !important; overflow: hidden !important; z-index: 10000 !important;
  }
  body .site-header .header-inner #uzHeaderNav.uz-mobile-open { display: block !important; }
  body .site-header .header-inner #uzHeaderNav .uz-utility {
    display: flex !important; flex-direction: column; gap: 10px; position: absolute; left: 10px; top: 20px; width: 138px;
  }
  body .site-header .header-inner #uzHeaderNav .uz-utility a.header-map-icon.header-map-icon,
  body .site-header .header-inner #uzHeaderNav .uz-utility a.uz-nav-outline-btn.uz-nav-outline-btn,
  body .site-header .header-inner #uzHeaderNav .uz-utility .lang-switch-btn,
  body .site-header .header-inner #uzHeaderNav .uz-m-signup {
    display: flex !important; width: 100% !important; height: 44px !important; min-height: 44px; padding: 0 12px !important; border-radius: 22px; justify-content: center !important;
    background: #fff !important; color: #1f4e9c !important; border: 0 !important; box-shadow: 0 4px 12px rgba(15,60,120,.18); font-size: 14px; font-weight: 800 !important; align-items: center; text-align: center; margin: 0 !important;
  }
  body .site-header .header-inner #uzHeaderNav .uz-utility a.uz-nav-outline-btn.uz-nav-outline-btn { background: linear-gradient(135deg, #f6a04e, #e2682a) !important; color: #fff !important; }
  body .site-header .header-inner #uzHeaderNav .uz-utility .lang-switch-custom, body .site-header .header-inner #uzHeaderNav .uz-utility .lang-switch { display: none !important; }
  body .site-header .header-inner #uzHeaderNav .uz-m-signup { display: none !important; }
  body .site-header .header-inner #uzHeaderNav .uz-utility .lang-switch-list { position: static; top: auto; box-shadow: none; margin-top: 6px; min-width: 0; width: 100%; }
  body .site-header .header-inner #uzHeaderNav .uz-utility a.header-admin-icon { display: flex !important; width: 44px !important; height: 44px !important; padding: 0 !important; background: #fff !important; border-radius: 22px; justify-content: center; }
  body .site-header .header-inner #uzHeaderNav .uz-utility a.header-map-icon svg { display: inline-block; }

  /* Nederlands: de paal als menu */
  body .site-header .header-inner #uzHeaderNav .uz-signpost { display: none !important; }
  body .site-header .header-inner #uzHeaderNav .uz-signpost.uz-signpost--img { display: block !important; position: absolute; right: 0; top: 0; width: 252px; height: 450px; overflow: hidden; }
  .uz-signpost--img .uz-pole-img { position: absolute; left: 16px; top: -26px; width: 226px; height: 431px; display: block; filter: drop-shadow(0 5px 6px rgba(0,0,0,.35)); pointer-events: none; }
  body .site-header .header-inner #uzHeaderNav .uz-signpost--img a.header-map-icon.header-map-icon {
    display: block !important; position: absolute; left: 16px; width: 226px !important; height: auto; min-height: 0; padding: 0 !important; border-radius: 12px;
    background: transparent !important; border: 0 !important; box-shadow: none; color: transparent !important; font-size: 0 !important; overflow: hidden;
  }
  body .site-header .header-inner #uzHeaderNav .uz-signpost--img a.uz-nav-outing-btn { top: 13px;  height: 76px !important; }
  body .site-header .header-inner #uzHeaderNav .uz-signpost--img a.uz-nav-stay-btn   { top: 81px;  height: 71px !important; }
  body .site-header .header-inner #uzHeaderNav .uz-signpost--img a.uz-nav-route-btn  { top: 147px; height: 71px !important; }
  body .site-header .header-inner #uzHeaderNav .uz-signpost--img a.uz-nav-food-btn   { top: 213px; height: 66px !important; }
  body .site-header .header-inner #uzHeaderNav .uz-signpost--img a.uz-nav-tour-btn   { top: 279px; height: 66px !important; }
  body .site-header .header-inner #uzHeaderNav .uz-signpost--img a.header-map-icon:active { background: rgba(255,255,255,.25) !important; }
}
/* Andere talen op mobiel: de gewone knoppenlijst rechts van de hulpknoppen */
@media (max-width: 768px) {
  body .site-header .header-inner #uzHeaderNav .uz-nav-flat {
    position: absolute; right: 14px; top: 20px; width: calc(100% - 172px); flex-direction: column; gap: 10px;
  }
  body .site-header .header-inner #uzHeaderNav .uz-nav-flat a { display: flex !important; align-items: center; justify-content: center !important; text-align: center; height: 48px !important; border-radius: 24px; background: #fff; color: #1f4e9c; font-weight: 800; text-decoration: none; padding: 0 12px !important; }
}
@media (max-width: 768px) {
  body .site-header:has(.uz-signpost--img) .header-inner #uzHeaderNav .uz-nav-flat { display: none !important; }
  body .site-header:not(:has(.uz-signpost--img)) .header-inner #uzHeaderNav .uz-nav-flat { display: flex !important; }
}

/* Mobiel: taaldropdown onder de taalpil, onderbalk weg, kaartfilters onderin */
@media (max-width: 768px) {
  .uz-mlang-list { position: absolute; right: 66px; top: 66px; z-index: 10001; min-width: 170px; max-height: 60vh; overflow: auto; background: #fff; border-radius: 16px; box-shadow: 0 10px 28px rgba(0,0,0,.3); padding: 6px; }
  .uz-mlang-list.open { display: block; }
  .uz-mlang-list a { display: flex; align-items: center; gap: 8px; padding: 10px 12px; border-radius: 10px; color: #1f4e9c; font-weight: 700; text-decoration: none; }
  .uz-mlang-list a:active { background: #eff6ff; }
  .uz-mobile-nav, .uz-mobile-nav-spacer { display: none !important; }
  body:has(#kaartMap) section.search-panel {
    position: fixed !important; left: 0 !important; right: 0 !important; bottom: 0 !important; top: auto !important; z-index: 900 !important; margin: 0 !important; width: auto !important; max-width: none !important; border-radius: 18px 18px 0 0;
    padding: 10px 12px calc(10px + env(safe-area-inset-bottom, 0)) !important; box-shadow: 0 -4px 16px rgba(15,60,120,.18); background: #fff;
  }
  body:has(#kaartMap) #kaartFilterForm { gap: 8px 10px !important; }
  body:has(#kaartMap) #kaartFilterForm .field { margin: 0; display: flex; align-items: center; gap: 8px; flex-basis: 100%; }
  body:has(#kaartMap) #kaartFilterForm .field select { width: auto; min-width: 110px; height: auto !important; min-height: 0; padding: 6px 28px 6px 10px !important; line-height: 1.3 !important; font-size: 15px; box-sizing: border-box; }
  body:has(#kaartMap) .kaart-layer input { width: 14px !important; height: 14px !important; min-height: 0 !important; padding: 0 !important; margin: 0 !important; flex: none; display: inline-block !important; }
  body:has(#kaartMap) .kaart-layer { white-space: nowrap; flex-direction: row; align-items: center; }
  body:has(#kaartMap) #kaartFilterForm .field > label:first-child { font-size: 13px; font-weight: 700; margin: 0; flex: none; }
  body:has(#kaartMap) #kaartFilterForm .kaart-layers > div { flex-wrap: nowrap !important; gap: 4px !important; }
  body:has(#kaartMap) .kaart-layer { padding: 4px 7px; font-size: 12px; gap: 3px; }
  body:has(#kaartMap) #kaartLocationStatus { font-size: 12px; flex-basis: 100%; }
  body:has(#kaartMap) #kaartMap { height: calc(100vh - 172px - 128px) !important; height: calc(100dvh - 172px - 128px) !important; margin: 0 !important; border-radius: 0 !important; max-width: none !important; }
  body:has(#kaartMap) footer { display: none; }
}

@media (max-width: 768px) { body:has(#kaartMap) .kaart-layers { flex-wrap: nowrap; gap: 6px; } body:has(#kaartMap) .kaart-layers > label:first-child { font-size: 13px; } body:has(#kaartMap) #kaartMap .leaflet-control-attribution { font-size: 10px; } }

/* Mobiel menu: hulpknoppen in de drie logokleuren */
@media (max-width: 768px) {
  body .site-header .header-inner #uzHeaderNav .uz-utility a.header-map-icon.header-map-icon.uz-nav-donate-btn { background: linear-gradient(135deg, #4a93ec, #2f6cc4) !important; color: #fff !important; }
  body .site-header .header-inner #uzHeaderNav .uz-utility a.header-map-icon.header-map-icon.uz-nav-map-btn { background: linear-gradient(135deg, #72c241, #4fa233) !important; color: #fff !important; }
  body .site-header .header-inner #uzHeaderNav .uz-utility a.uz-nav-outline-btn.uz-nav-outline-btn { background: linear-gradient(135deg, #f39a3a, #e85d29) !important; color: #fff !important; }
}

/* Mobiel menu: icoon bij Login / Mijn account */
@media (max-width: 768px) {
  body .site-header .header-inner #uzHeaderNav .uz-utility a.uz-nav-outline-btn.uz-nav-outline-btn { gap: 8px; }
  body .site-header .header-inner #uzHeaderNav .uz-utility a.uz-nav-outline-btn.uz-nav-outline-btn::before {
    content: ""; flex: none; width: 18px; height: 18px; background: #fff;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21c0-4.4 3.6-7 8-7s8 2.6 8 7'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21c0-4.4 3.6-7 8-7s8 2.6 8 7'/%3E%3C/svg%3E") center / contain no-repeat;
  }
}