/**
 * Mobile Navigation Fix
 * Verwijdert onnodige witte ruimte tussen navbar en hero sectie op mobiel
 * BELANGRIJK: Dit overschrijft alle andere CSS met !important
 */

@media only screen and (max-width: 767px) {
    /* FORCE: Verwijder ALL padding/margin op content wrappers */
    body .btx-content-wrapper,
    body .btx-content--no-header,
    body.btx-layout-responsive .mobile-topbar-enable .btx-content-wrapper,
    body.btx-layout-responsive.btx-layout--topnav-stacked .mobile-topbar-enable .btx-content-wrapper,
    body.btx-layout-responsive.btx-layout--sidenav .mobile-topbar-enable .btx-content-wrapper,
    body.btx-layout-responsive .btx-wrapper--header-transparent.mobile-topbar-enable .btx-content--no-header .btx-content-wrapper,
    body.btx-layout-responsive .btx-wrapper--header-transparent.mobile-topbar-enable .btx-content-wrapper > .btx-page-title,
    body.btx-layout-responsive.btx-layout--topnav-stacked .btx-wrapper--header-transparent.mobile-topbar-enable .btx-content-wrapper > .btx-page-title,
    body.btx-layout-responsive.btx-layout--sidenav .btx-wrapper--header-transparent.mobile-topbar-enable .btx-content-wrapper > .btx-page-title {
        padding-top: 0 !important;
        margin-top: 0 !important;
    }
    
    /* FORCE: Main content moet direct starten */
    body .btx-content,
    body .btx-content--no-header,
    body main.btx-content {
        padding-top: 0 !important;
        margin-top: 0 !important;
    }
    
    /* FORCE: Article wrapper geen extra ruimte */
    body article.btx-content-wrapper {
        padding-top: 0 !important;
        margin-top: 0 !important;
    }
    
    /* Force mobile navbar height */
    .mobile-topbar-enable .btx-topbar {
        height: auto !important;
        min-height: 60px !important;
    }

    /* Adjust page title positioning voor featured images */
    .btx-layout-responsive .btx-wrapper--header-transparent.mobile-topbar-enable .btx-post-featured--fullwidth .btx-page-title,
    .btx-layout-responsive .btx-wrapper--header-transparent.mobile-topbar-enable .btx-post-featured--overlap .btx-page-title,
    .btx-layout-responsive.btx-layout--topnav-stacked .btx-wrapper--header-transparent.mobile-topbar-enable .btx-post-featured--fullwidth .btx-page-title,
    .btx-layout-responsive.btx-layout--topnav-stacked .btx-wrapper--header-transparent.mobile-topbar-enable .btx-post-featured--overlap .btx-page-title,
    .btx-layout-responsive.btx-layout--sidenav .btx-wrapper--header-transparent.mobile-topbar-enable .btx-post-featured--fullwidth .btx-page-title,
    .btx-layout-responsive.btx-layout--sidenav .btx-wrapper--header-transparent.mobile-topbar-enable .btx-post-featured--overlap .btx-page-title {
        top: 0 !important; /* Verwijder top offset */
    }
    
    /* Verwijder collapsed menu offset */
    .mobile-topbar-enable .btx-collapsed-menu--classic {
        top: 60px !important;
    }
    
    /* FORCE: Main wrapper geen ruimte */
    body .btx-main,
    body .btx-main--single,
    body .btx-main-wrapper {
        padding-top: 0 !important;
        margin-top: 0 !important;
    }
    
    /* FORCE: Verwijder extra margins op hero/first sections */
    body .btx-section:first-of-type,
    body .btx-section:first-child,
    body .btx-main .btx-section:first-child {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }
    
    /* FORCE: Fix voor custom slider op mobiel */
    body .btx-item.js-item-pluginslider,
    body .btx-pluginslider {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }
    
    /* FORCE: Section wrapper moet direct starten */
    body .btx-section-wrapper:first-child {
        padding-top: 0 !important;
        margin-top: 0 !important;
    }
}

/* Extra kleine schermen - EXTRA FORCE */
@media only screen and (max-width: 480px) {
    body .btx-content-wrapper,
    body .btx-content,
    body .btx-content--no-header,
    body .btx-main,
    body .btx-section-wrapper,
    body.btx-layout-responsive .mobile-topbar-enable .btx-content-wrapper,
    body.btx-layout-responsive .btx-wrapper--header-transparent.mobile-topbar-enable .btx-content--no-header .btx-content-wrapper {
        padding-top: 0 !important;
        margin-top: 0 !important;
    }
}

/* ULTIMATE FIX: Overschrijf specifiek voor alle mobiele devices */
@media screen and (max-width: 767px) {
    /* Gebruik body selector voor maximale specificiteit */
    body.mobile-topbar-enable .btx-content-wrapper {
        padding-top: 0 !important;
    }
    
    body[data-rsssl] .btx-content-wrapper {
        padding-top: 0 !important;
    }
    
    /* EXTRA FIX: Verwijder ruimte direct onder navbar */
    body .btx-navbar--mobile,
    body .btx-navbar--mobile + *,
    body .btx-topbar + *,
    body nav.btx-navbar--mobile + div {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }
    
    /* Force hero/slider direct tegen navbar */
    body .btx-wrapper > .btx-content-wrapper,
    body .btx-wrapper > .btx-content {
        padding-top: 0 !important;
        margin-top: 0 !important;
    }
    
    /* Tablet view fix */
    @media screen and (min-width: 768px) and (max-width: 1024px) {
        body .btx-content-wrapper,
        body .btx-navbar--mobile + * {
            padding-top: 0 !important;
            margin-top: 0 !important;
        }
    }
}