/**
 * MOBILE NAVBAR FIX - Ultra Aggressive Reset
 * This file MUST be loaded LAST to override all other styles
 * Fixes white space above navbar and brown line below
 */

@media only screen and (max-width: 767px) {

    /* ==========================================
       CRITICAL FIX: Remove ALL top spacing
       ========================================== */

    * {
        box-sizing: border-box !important;
    }

    html {
        margin: 0 !important;
        padding: 0 !important;
        margin-top: 0 !important;
        padding-top: 0 !important;
    }

    body {
        margin: 0 !important;
        padding: 0 !important;
        margin-top: 0 !important;
        padding-top: 0 !important;
        border: none !important;
        outline: none !important;
    }

    .page-wrapper {
        margin: 0 !important;
        padding: 0 !important;
        margin-top: 0 !important;
        padding-top: 0 !important;
        border-top: none !important;
    }

    /* ==========================================
       FORCE REMOVE: header-top (hidden element)
       ========================================== */

    .header-top,
    .main-header .header-top,
    header .header-top {
        display: none !important;
        height: 0 !important;
        min-height: 0 !important;
        max-height: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
        overflow: hidden !important;
        visibility: hidden !important;
        opacity: 0 !important;
        line-height: 0 !important;
        border: none !important;
        position: absolute !important;
        left: -9999px !important;
    }

    /* ==========================================
       MAIN HEADER: Remove all spacing & borders
       ========================================== */

    .main-header {
        margin: 0 !important;
        padding: 0 !important;
        margin-top: 0 !important;
        padding-top: 0 !important;
        border: none !important;
        border-top: none !important;
        border-bottom: none !important;
        box-shadow: none !important;
        outline: none !important;
        position: relative !important;
        top: 0 !important;
        background: transparent !important;
    }

    .main-header::before,
    .main-header::after {
        display: none !important;
    }

    /* ==========================================
       HEADER LOWER: Remove brown line & spacing
       ========================================== */

    .main-header .header-lower {
        margin: 0 !important;
        padding: 0 !important;
        margin-top: 0 !important;
        padding-top: 0 !important;
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
        border: none !important;
        border-top: none !important;
        border-bottom: none !important;
        box-shadow: none !important;
        outline: none !important;
    }

    .main-header .header-lower::before,
    .main-header .header-lower::after {
        display: none !important;
    }

    .main-header .header-lower .inner-container,
    .main-header .header-lower .auto-container {
        margin: 0 !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        border: none !important;
        border-top: none !important;
        border-bottom: none !important;
        box-shadow: none !important;
        outline: none !important;
    }

    .main-header .auto-container {
        margin: 0 !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        border: none !important;
        border-top: none !important;
        border-bottom: none !important;
        box-shadow: none !important;
        outline: none !important;
    }

    /* ==========================================
       ADDITIONAL SAFETY: Remove any ::before/::after
       ========================================== */

    .main-header .auto-container::before,
    .main-header .auto-container::after,
    .main-header .header-lower .inner-container::before,
    .main-header .header-lower .inner-container::after {
        display: none !important;
        content: none !important;
    }

    /* ==========================================
       ENSURE: First child starts at top
       ========================================== */

    .page-wrapper > *:first-child {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }

    body > *:first-child {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }

    /* ==========================================
       FIX: Brown line below navbar (search container)
       ========================================== */

    /* Hide search container by default (only show when .active) */
    #search-container:not(.active),
    .search-dropdown-container:not(.active) {
        display: none !important;
        opacity: 0 !important;
        visibility: hidden !important;
        height: 0 !important;
        min-height: 0 !important;
        max-height: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
        overflow: hidden !important;
        border: none !important;
        box-shadow: none !important;
    }

    /* When active, ensure no border/shadow creates brown line */
    #search-container.active,
    .search-dropdown-container.active {
        border: none !important;
        border-top: none !important;
        border-bottom: none !important;
        box-shadow: 0 2px 4px rgba(0,0,0,0.05) !important;
        margin: 0 !important;
    }

    .search-dropdown-inner {
        border: none !important;
        box-shadow: none !important;
    }

    #navbar-search-input {
        border: 1px solid rgba(0,0,0,0.1) !important;
        box-shadow: none !important;
    }

    /* ==========================================
       HIDE: Decorative images on mobile
       ========================================== */

    .modern-one_image,
    .modern-one_icon-three {
        display: none !important;
    }

    /* Hide the entire image column on mobile */
    .modern-one_image-column {
        display: none !important;
    }
}