/* TVING DROPDOWN TIL AT BLIVE MØRK */
.ast-builder-menu-1 .sub-menu, 
.ast-builder-menu-1 .sub-menu * {
    background-color: #1a202c !important; /* Mørk baggrund */
}

/* TVING TEKST TIL AT BLIVE HVID */
.ast-builder-menu-1 .menu-item .sub-menu li a {
    color: #ffffff !important;
}

/* TVING TEKST TIL GUL VED HOVER */
.ast-builder-menu-1 .menu-item .sub-menu li a:hover {
    color: #ffb400 !important;
    background-color: rgba(255, 255, 255, 0.05) !important;
}

/* FJERN DEN GULE FARVE DER HÆNGER FAST (ACTIVE) */
.ast-builder-menu-1 .menu-item.current-menu-item > a,
.ast-builder-menu-1 .menu-item.current-menu-ancestor > a,
.ast-builder-menu-1 .sub-menu .menu-item.current-menu-item > a {
    color: #ffffff !important;
}

/* MODERNE FINISH: BLØDE HJØRNER */
.ast-builder-menu-1 .sub-menu {
    border-radius: 8px !important;
    border: none !important;
    box-shadow: 0 10px 25px rgba(0,0,0,0.5) !important;
}

/* 1. Baggrunden på selve dropdown-menuen på mobil */
.ast-header-break-point .main-header-bar-navigation, 
.ast-header-break-point .main-header-bar-navigation .stack-on-mobile {
    background-color: #1a202c !important; /* Mørkeblå */
}

/* 2. Tekstfarven på alle menupunkter på mobil */
.ast-header-break-point .main-header-bar-navigation .menu-item > a {
    color: #ffffff !important;
    background-color: transparent !important;
    border-bottom: 1px solid rgba(255,255,255,0.1) !important;
}

/* 3. Fix for den gule farve der "hænger fast" på mobil (Active) */
.ast-header-break-point .main-header-bar-navigation .menu-item.current-menu-item > a,
.ast-header-break-point .main-header-bar-navigation .menu-item.current-menu-ancestor > a {
    color: #ffffff !important;
}

/* 4. Farve når man trykker/holder på et punkt på mobil */
.ast-header-break-point .main-header-bar-navigation .menu-item > a:hover,
.ast-header-break-point .main-header-bar-navigation .menu-item > a:active {
    color: #ffb400 !important;
}

/* 5. Farven på dropdown-pilen (Ydelser) på mobil */
.ast-header-break-point .ast-menu-toggle {
    color: #ffffff !important;
}

/* 6. Luk-ikonet (X) i menuen */
.ast-mobile-header-wrap .ast-mobile-header-toggler.active .ast-icon svg {
    fill: #ffb400 !important;
}

/* 7. SPECIFIK FIX FOR EKSPANDERET UNDERMENU (YDELSER) PÅ MOBIL */

/* Gør baggrunden mørk på selve undermenuen */
.ast-header-break-point .main-header-bar-navigation .sub-menu,
.ast-header-break-point .main-header-bar-navigation .sub-menu * {
    background-color: #1a202c !important;
}

/* Gør teksten hvid i undermenuen */
.ast-header-break-point .main-header-bar-navigation .sub-menu .menu-item a {
    color: #ffffff !important;
    padding-left: 30px !important; /* Giver lidt indrykning så det ser moderne ud */
}

/* Gør teksten gul når man trykker på et punkt i undermenuen */
.ast-header-break-point .main-header-bar-navigation .sub-menu .menu-item a:hover {
    color: #ffb400 !important;
}

/* Fjern eventuelle hvide streger mellem punkterne i undermenuen */
.ast-header-break-point .main-header-bar-navigation .sub-menu li {
    border: none !important;
}