/*
Theme Name: FeatherShield Astra Child
Theme URI: https://feathershield.nl/
Description: Astra child theme voor FeatherShield.
Author: FeatherShield
Template: astra
Version: 1.0.16
Text Domain: feathershield-astra-child
*/

@media (max-width: 767px) {
    /* Bestaande mobiele basis: geen horizontale Astra-containerpadding. */
    html body .ast-container,
    html body .ast-container-fluid {
        padding-left: 0 !important;
        padding-right: 0 !important;
        padding-inline: 0 !important;
    }

    /* Bestaande mobiele off-canvas/dropdownbreedte. */
    .ast-header-break-point .ast-mobile-header-wrap {
        position: relative !important;
    }

    .ast-main-header-nav-open.ast-header-break-point
    .ast-mobile-header-wrap .ast-mobile-header-content {
        position: absolute !important;
        top: 100% !important;
        right: 0 !important;
        left: auto !important;
        width: 64vw !important;
        max-width: 310px !important;
        min-width: 0 !important;
        z-index: 99999 !important;
        margin: 0 !important;
        box-sizing: border-box !important;
    }

    .ast-header-break-point .ast-mobile-header-wrap .ast-mobile-header-content .main-header-bar-navigation,
    .ast-header-break-point .ast-mobile-header-wrap .ast-mobile-header-content .main-navigation,
    .ast-header-break-point .ast-mobile-header-wrap .ast-mobile-header-content #ast-hf-mobile-menu {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        box-sizing: border-box !important;
    }

    .ast-header-break-point .ast-mobile-header-wrap .ast-mobile-header-content #ast-hf-mobile-menu,
    .ast-header-break-point .ast-mobile-header-wrap .ast-mobile-header-content #ast-hf-mobile-menu .menu-item,
    .ast-header-break-point .ast-mobile-header-wrap .ast-mobile-header-content #ast-hf-mobile-menu .menu-link {
        text-align: left !important;
    }

    /* Taalkeuze boven de hamburger, zonder submenu/menu-gedrag te wijzigen. */
    .ast-header-break-point [data-section="section-header-mobile-trigger"] {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-end !important;
        justify-content: center !important;
        gap: 7px !important;
    }

    .ast-header-break-point .fs-mobile-language-switcher {
        display: flex;
        justify-content: flex-end;
        width: max-content;
        max-width: 100%;
        margin: 11px 0 0;
        line-height: 1;
    }

    .ast-header-break-point .fs-mobile-language-switcher .sl-switcher {
        gap: 2px;
        padding: 3px;
        box-shadow: none;
        font-size: 10px;
    }

    .ast-header-break-point .fs-mobile-language-switcher .sl-switcher__link {
        min-width: 28px;
        height: 27px;
        padding: 0 5px;
    }

    .ast-header-break-point [data-section="section-header-mobile-trigger"] .ast-button-wrap {
        align-self: flex-end;
        margin: 0;
    }
}

.ast-button-wrap .menu-toggle:focus {
    outline: none;
}

.main-header-menu .current-menu-item > .menu-link,
.main-header-menu .current_page_item > .menu-link {
    outline: none !important;
}

/* Astra "naar boven"-knop bewust uitgeschakeld: voorkomt verspringen/overlap op mobiel. */
#ast-scroll-top {
    display: none !important;
}