/* Skjul kolonne nummer 4 og 6 på submissions-siden */
.skjul-kolonner table tr th:nth-child(9),
.skjul-kolonner table tr td:nth-child(9),
.skjul-kolonner table tr th:nth-child(4),
.skjul-kolonner table tr td:nth-child(4) {
    display: none !important;
}

/* 1. Globale variabler til alle typer Bootstrap-menuer */
:root, [data-bs-theme="light"], .container-header {
    --bs-dropdown-bg: #80a0bf !important;
    --bs-dropdown-border-radius: 12px !important;
    --bs-dropdown-link-color: #ffffff !important;
}

/* 2. Fang ALLE dropdown- og undermenu-beholdere uanset layout */
.container-header .dropdown-menu,
.container-header ul.dropdown-menu,
.container-header [data-bs-popper],
.container-header .mod-menu ul,
.mod-menu__sub,
.dropdown-menu {
    background-color: #80a0bf !important;
    background: #80a0bf !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    border: 1px solid #6a8ba9 !important;
}

/* 3. Ekstra kraftig og specifik styling til absolut alle links og knapper inde i dropdownen */
.container-header .dropdown-menu a,
.container-header .dropdown-menu .nav-link,
.container-header .dropdown-menu .dropdown-toggle,
.container-header .dropdown-item,
.dropdown-menu li,
.dropdown-menu a,
.dropdown-toggle,
.dropdown-item {
    color: #ffffff !important;
}

/* 4. Tving de små trekanter/pile og linjer til at blive hvide */
.container-header .dropdown-menu .dropdown-toggle::after,
.container-header .dropdown-toggle::after {
    border-top-color: #ffffff !important;
    border-bottom-color: #ffffff !important;
    color: #ffffff !important;
}

/* 5. Hover-effekt */
.container-header .dropdown-item:hover,
.container-header .dropdown-menu a:hover,
.container-header .dropdown-menu .nav-link:hover {
    background-color: #6a8ba9 !important;
    color: #ffffff !important;
}