/* ========================================================================
   Elatrik v23 — mobiele hamburger verfijning
   Alleen mobiele navigatieknop. Desktop en slider blijven onaangeraakt.
   ======================================================================== */

@media (max-width: 1199.98px) {
    .site-header .navbar-toggler,
    .site-header--overlay:not(.is-scrolled) .navbar-toggler,
    body.mobile-nav-open .site-header .navbar-toggler {
        width: 46px !important;
        height: 46px !important;
        min-width: 46px !important;
        min-height: 46px !important;
        flex: 0 0 46px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        margin-left: auto !important;
        padding: 0 !important;
        border-radius: 999px !important;
        border: 1px solid rgba(36, 35, 31, .13) !important;
        background: rgba(255, 253, 249, .96) !important;
        color: #24231f !important;
        box-shadow: 0 10px 24px rgba(34, 28, 20, .10) !important;
        line-height: 1 !important;
        appearance: none !important;
        -webkit-appearance: none !important;
    }

    .site-header .navbar-toggler:hover,
    .site-header .navbar-toggler:focus-visible {
        border-color: rgba(228, 159, 48, .38) !important;
        background: #fffdf9 !important;
        color: #1f1e1b !important;
        box-shadow: 0 12px 30px rgba(34, 28, 20, .13) !important;
    }

    .site-header .navbar-toggler-icon,
    .site-header--overlay:not(.is-scrolled) .navbar-toggler-icon,
    body.mobile-nav-open .site-header .navbar-toggler-icon {
        position: relative !important;
        display: block !important;
        width: 22px !important;
        height: 2px !important;
        margin: 0 !important;
        border-radius: 999px !important;
        background-image: none !important;
        background-color: currentColor !important;
        transform: translateZ(0) !important;
        transition: background-color .18s ease, transform .22s ease !important;
    }

    .site-header .navbar-toggler-icon::before,
    .site-header .navbar-toggler-icon::after,
    .site-header--overlay:not(.is-scrolled) .navbar-toggler-icon::before,
    .site-header--overlay:not(.is-scrolled) .navbar-toggler-icon::after,
    body.mobile-nav-open .site-header .navbar-toggler-icon::before,
    body.mobile-nav-open .site-header .navbar-toggler-icon::after {
        content: "" !important;
        position: absolute !important;
        left: 0 !important;
        width: 22px !important;
        height: 2px !important;
        border-radius: 999px !important;
        background-color: currentColor !important;
        transition: top .22s ease, transform .22s ease, opacity .18s ease !important;
    }

    .site-header .navbar-toggler-icon::before,
    .site-header--overlay:not(.is-scrolled) .navbar-toggler-icon::before {
        top: -7px !important;
    }

    .site-header .navbar-toggler-icon::after,
    .site-header--overlay:not(.is-scrolled) .navbar-toggler-icon::after {
        top: 7px !important;
    }

    body.mobile-nav-open .site-header .navbar-toggler {
        background: rgba(255, 253, 249, .98) !important;
        color: #24231f !important;
        border-color: rgba(228, 159, 48, .35) !important;
    }

    body.mobile-nav-open .site-header .navbar-toggler-icon {
        background-color: transparent !important;
    }

    body.mobile-nav-open .site-header .navbar-toggler-icon::before {
        top: 0 !important;
        transform: rotate(45deg) !important;
    }

    body.mobile-nav-open .site-header .navbar-toggler-icon::after {
        top: 0 !important;
        transform: rotate(-45deg) !important;
    }
}

@media (max-width: 575.98px) {
    .site-header .navbar-toggler,
    .site-header--overlay:not(.is-scrolled) .navbar-toggler,
    body.mobile-nav-open .site-header .navbar-toggler {
        width: 44px !important;
        height: 44px !important;
        min-width: 44px !important;
        min-height: 44px !important;
        flex-basis: 44px !important;
    }
}