/*
 * Transiënt Groep – verfijnde header/dropdowns
 * Alleen navigatie-elementen; geen inhoud van pagina's wordt aangepast.
 */
:root {
  --tg-nav-navy: #16233F;
  --tg-nav-gold: #C9A24B;
  --tg-nav-text: rgba(255,255,255,.80);
  --tg-nav-subtext: rgba(255,255,255,.76);
}

/* Hoofdmenu: fijner, rustiger en iets meer lucht. */
header nav > ul > li > a,
header .menu > li > a,
.site-header nav > ul > li > a,
.elementor-location-header nav > ul > li > a,
.elementor-location-header .menu > li > a {
  font-weight: 500 !important;
  font-size: 11.5px !important;
  line-height: 1.2 !important;
  letter-spacing: .035em !important;
  text-transform: uppercase !important;
  -webkit-font-smoothing: antialiased;
  text-rendering: geometricPrecision;
}

/* Dropdown: zachtere luxe kaart. */
header .sub-menu,
header .dropdown-menu,
header nav ul ul,
.site-header .sub-menu,
.elementor-location-header .sub-menu,
.elementor-location-header nav ul ul {
  min-width: 300px !important;
  padding: 15px 0 !important;
  border: 1px solid rgba(255,255,255,.055) !important;
  border-radius: 15px !important;
  background: rgba(22,35,63,.97) !important;
  box-shadow: 0 18px 44px rgba(7,18,39,.18) !important;
  overflow: hidden;
}

/* Submenu-items: géén hoofdletters, dunner en eleganter. */
header .sub-menu a,
header .dropdown-menu a,
header nav ul ul a,
.site-header .sub-menu a,
.elementor-location-header .sub-menu a,
.elementor-location-header nav ul ul a {
  display: block;
  padding: 10px 22px !important;
  font-size: 12.5px !important;
  line-height: 1.35 !important;
  font-weight: 400 !important;
  letter-spacing: .01em !important;
  text-transform: none !important;
  color: var(--tg-nav-subtext) !important;
  white-space: nowrap;
  transition: color .2s ease, background-color .2s ease, transform .2s ease;
  -webkit-font-smoothing: antialiased;
}

/* De categoriekop in een dropdown mag iets steviger blijven. */
header .sub-menu > li:first-child > a,
header .dropdown-menu > li:first-child > a,
header nav ul ul > li:first-child > a,
.site-header .sub-menu > li:first-child > a,
.elementor-location-header .sub-menu > li:first-child > a {
  font-weight: 500 !important;
}

header .sub-menu a:hover,
header .sub-menu a:focus,
header .dropdown-menu a:hover,
header .dropdown-menu a:focus,
header nav ul ul a:hover,
header nav ul ul a:focus,
.site-header .sub-menu a:hover,
.elementor-location-header .sub-menu a:hover {
  color: #fff !important;
  background: rgba(255,255,255,.035) !important;
}

/* Geen zware vetgedrukte actieve submenu-items. */
header .sub-menu .current-menu-item > a,
header nav ul ul .current-menu-item > a,
.site-header .sub-menu .current-menu-item > a,
.elementor-location-header .sub-menu .current-menu-item > a {
  font-weight: 400 !important;
  color: #fff !important;
}

/* Werken bij blijft de subtiele navigatie-CTA. */
header nav > ul > li > a[href*="werken"],
header .menu > li > a[href*="werken"],
.site-header a[href*="werken"],
.elementor-location-header a[href*="werken"] {
  font-weight: 600 !important;
}

@media (max-width: 1024px) {
  header .sub-menu,
  header .dropdown-menu,
  header nav ul ul,
  .site-header .sub-menu,
  .elementor-location-header .sub-menu,
  .elementor-location-header nav ul ul {
    min-width: 0 !important;
    width: 100% !important;
    border-radius: 12px !important;
  }

  header .sub-menu a,
  header .dropdown-menu a,
  header nav ul ul a,
  .site-header .sub-menu a,
  .elementor-location-header .sub-menu a {
    white-space: normal;
    font-size: 13px !important;
    padding: 10px 18px !important;
  }
}