.more-link {
    font-weight: 400;
    border-bottom-width: 1px;
    font-style: normal;
}

.language-switcher a {
    font-weight: normal;
}

.language-switcher .active a {
    background-color: transparent !important;
}

.language-switcher .active a {
    font-weight: bold;

}

.datepicker table tr td.highlighted.disabled, .datepicker table tr td.highlighted.disabled:active {
    background: lightcoral;
    text-decoration: line-through;
    color:white;
}

.datepicker table tr td.highlighted {
    background-color: #AFE59D;
}

.datepicker table tr td.highlighted:hover {
    color: #000;
    background-color: #37ce02;
    border-color: #37ce02;
}
.datepicker table tr td.active:active, .datepicker table tr td.active.highlighted:active, .datepicker table tr td.active.active, .datepicker table tr td.active.highlighted.active {
    color: #fff;
    background-color: #37ce02;
    border-color: #37ce02;
}

.datepicker table tr td.active:active:hover, .datepicker table tr td.active.highlighted:active:hover, .datepicker table tr td.active.active:hover, .datepicker table tr td.active.highlighted.active:hover, .datepicker table tr td.active:active:focus, .datepicker table tr td.active.highlighted:active:focus, .datepicker table tr td.active.active:focus, .datepicker table tr td.active.highlighted.active:focus, .datepicker table tr td.active:active.focus, .datepicker table tr td.active.highlighted:active.focus, .datepicker table tr td.active.active.focus, .datepicker table tr td.active.highlighted.active.focus {
    color: #fff;
    background-color: #31ab02;
    border-color: #31ab02;
}

/* ================================================================
   Uitklapmenu (dropdown) — desktop, verfijnd kaart-ontwerp
   Generiek voor alle domeinen: accentkleur via --theme-color
   (gezet in colors.php op basis van de primaire kleur per domein).
   ================================================================ */
@media (min-width: 992px) {

    /* Het uitklappaneel als zwevende kaart die duidelijk naar voren komt */
    .primary-menu .sub-menu-container {
        min-width: 232px;
        padding: 8px !important;
        border: 1px solid rgba(20, 45, 75, 0.07);
        border-top: 3px solid var(--theme-color, #00508f);
        border-radius: 14px;
        box-shadow: 0 22px 45px -14px rgba(15, 40, 70, 0.30),
                    0 8px 16px -10px rgba(15, 40, 70, 0.20);
    }

    /* Vloeiende entree: liften + faden i.p.v. enkel margin */
    .primary-menu:not(.on-click) .menu-item:not(.mega-menu) .sub-menu-container {
        margin-top: 0;
        transform: translateY(14px);
        transform-origin: top center;
        transition: opacity 0.28s ease,
                    transform 0.30s cubic-bezier(0.22, 1, 0.36, 1),
                    visibility 0.30s ease;
    }
    .primary-menu:not(.on-click) .menu-item:hover > .sub-menu-container {
        transform: translateY(0);
    }

    /* Geen scheidingslijntjes tussen items — schone kaart */
    .primary-menu .sub-menu-container .menu-item,
    .primary-menu .sub-menu-container .menu-item:not(:first-child) {
        border: 0;
    }

    /* Item-links: rustige typografie, ruime klikzone, afgeronde hoeken */
    .primary-menu .sub-menu-container .menu-item > .menu-link {
        position: relative;
        display: flex;
        align-items: center;
        border-radius: 9px;
        padding: 11px 34px 11px 18px !important;
        font-family: 'Poppins', sans-serif;
        font-size: 0.82rem;
        font-weight: 500;
        letter-spacing: 0.2px;
        line-height: 1.2;
        color: #2b3a4a;
        transition: color 0.2s ease, background-color 0.2s ease, padding 0.2s ease;
    }

    /* Subtiele chevron rechts die inschuift bij hover.
       Alleen op eind-items (:not(.sub-menu)); items met een eigen subniveau
       houden hun bestaande Canvas-pijltje. */
    .primary-menu .sub-menu-container .menu-item:not(.sub-menu) > .menu-link::after {
        content: '';
        position: absolute;
        right: 16px;
        top: 50%;
        width: 6px;
        height: 6px;
        border-top: 2px solid currentColor;
        border-right: 2px solid currentColor;
        transform: translateY(-50%) translateX(-4px) rotate(45deg);
        opacity: 0;
        transition: opacity 0.2s ease, transform 0.2s ease;
    }

    .primary-menu .sub-menu-container .menu-item:hover > .menu-link {
        color: var(--theme-color, #00508f);
        background-color: rgba(0, 80, 143, 0.06);
        background-color: color-mix(in srgb, var(--theme-color, #00508f) 8%, transparent);
    }
    .primary-menu .sub-menu-container .menu-item:not(.sub-menu):hover > .menu-link::after {
        opacity: 0.7;
        transform: translateY(-50%) translateX(0) rotate(45deg);
    }

    /* Actief item (huidige pagina): blijvende selectie-stijl */
    .primary-menu .sub-menu-container .menu-item > .menu-link.active {
        color: var(--theme-color, #00508f);
        font-weight: 600;
        background-color: rgba(0, 80, 143, 0.06);
        background-color: color-mix(in srgb, var(--theme-color, #00508f) 8%, transparent);
    }
    .primary-menu .sub-menu-container .menu-item:not(.sub-menu) > .menu-link.active::after {
        opacity: 0.7;
        transform: translateY(-50%) translateX(0) rotate(45deg);
    }
}