/* =============================================
   VoresKalundborg – Header dropdown
   Placering: /css/header.css
   ============================================= */

/* --- Desktop dropdown pile (hvide) --- */
.site-navigation ul.menu li.menu-item-has-children::after {
  color: #fff !important;
}

/* --- Desktop dropdown container --- */
.site-header .sub-menu {
  background: #1E2E1E !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 14px !important;
  padding: 6px !important;
  padding-top: 14px !important;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.25) !important;
  min-width: 180px !important;
  margin-top: 0 !important;
}

/* --- Desktop dropdown items --- */
.site-header .sub-menu li {
  border: none !important;
}

.site-header .sub-menu a {
  background: transparent !important;
  color: rgba(255, 255, 255, 0.75) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  padding: 9px 14px !important;
  border-radius: 10px !important;
  display: block !important;
  transition: background 0.15s, color 0.15s !important;
  font-family: 'Work Sans', sans-serif !important;
  box-shadow: none !important;
}

.site-header .sub-menu a:hover {
  background: rgba(255, 255, 255, 0.08) !important;
  color: #fff !important;
}

/* =============================================
   Mobil dropdown
   ============================================= */

.site-navigation-toggle-holder .site-navigation-toggle-icon {
	color: white;
}

.site-header .site-navigation-dropdown ul.menu li a {
  background: transparent !important;
  color: #1E2E1E !important;
  box-shadow: none !important;
  font-family: 'Work Sans', sans-serif !important;
  margin: 2px 12px !important;
  padding: 10px 14px !important;
  border-radius: 10px !important;
  transition: background 0.15s !important;
}

.site-header .site-navigation-dropdown ul.menu li a:hover {
  color: #1E2E1E !important;
  background: rgba(30, 46, 30, 0.08) !important;
}

.site-navigation-dropdown .menu > li {
  border-bottom: 1px solid rgba(44, 44, 44, 0.08) !important;
}

.site-navigation-dropdown .sub-menu {
  border: none !important;
  border-radius: 0 !important;
  padding: 4px 0 4px 16px !important;
  box-shadow: none !important;
  margin-top: 0 !important;
  min-width: unset !important;
  position: static !important;
  display: block !important;
  float: none !important;
  width: 100% !important;
  background: transparent !important;
}

/* Pile ved mobil dropdown-elementer */
.site-navigation-dropdown .menu-item-has-children > a::after {
  content: "▾" !important;
  display: inline-block !important;
  margin-left: 6px;
  font-size: 14px;
  color: rgba(44, 44, 44, 0.75);
  transition: transform 0.2s;
}

.site-navigation-dropdown .menu-item-has-children.is-open > a::after {
  transform: rotate(180deg);
}

.site-navigation-dropdown .menu-item-has-children .sub-menu {
    display: none !important;
}

.site-navigation-dropdown .menu-item-has-children.is-open .sub-menu {
    display: block !important;
}