/* ===== HEADER CONFLICTS OVERRIDE - HIDE ALL OLD HEADERS ===== */

/* Hide all old header implementations */
.modern-professional-header:not(.clean-professional-header),
.header-enhanced,
.header-ultimate,
.header-simple,
.site-header,
.main-header,
.top-header,
.navbar:not(.clean-professional-header *),
.navbar-expand-lg:not(.clean-professional-header *),
.navbar-expand-md:not(.clean-professional-header *),
.navbar-expand-sm:not(.clean-professional-header *),
.navbar-expand:not(.clean-professional-header *),
.header-top,
.header-main,
.header-bottom {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    z-index: -1 !important;
}

/* Hide old mobile navigation overlays */
.mobile-nav-overlay:not(.clean-professional-header *),
.mobile-menu-overlay:not(.clean-professional-header *),
.mobile-navigation-overlay:not(.clean-professional-header *) {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    z-index: -1 !important;
}

/* Hide old mobile menu buttons */
.mobile-menu-btn:not(.clean-professional-header *),
.navbar-toggler:not(.clean-professional-header *),
.menu-toggle:not(.clean-professional-header *) {
    display: none !important;
    visibility: hidden !important;
}

/* Reset body padding - will be set by clean header */
body {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

/* Ensure clean header is always visible */
.clean-professional-header {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    z-index: 9999 !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
}

/* Override any conflicting Bootstrap navbar styles */
.clean-professional-header .navbar,
.clean-professional-header .navbar-brand,
.clean-professional-header .navbar-nav,
.clean-professional-header .navbar-toggler,
.clean-professional-header .navbar-collapse {
    all: unset !important;
}

/* Prevent any other headers from interfering */
header:not(.clean-professional-header) {
    display: none !important;
}

/* Hide category menu if it conflicts */
.modern-category-menu {
    top: 70px !important;
    z-index: 9998 !important;
}

@media (max-width: 768px) {
    .modern-category-menu {
        top: 64px !important;
    }
}

@media (max-width: 480px) {
    .modern-category-menu {
        top: 56px !important;
    }
}

/* Ensure no old header CSS interferes */
.header-wrapper:not(.clean-professional-header *),
.header-container:not(.clean-professional-header *),
.brand-section:not(.clean-professional-header *),
.desktop-navigation:not(.clean-professional-header *),
.header-actions:not(.clean-professional-header *) {
    display: none !important;
}

/* Hide any old cart buttons */
.professional-cart-btn:not(.clean-professional-header *),
.cart-container:not(.clean-professional-header *) {
    display: none !important;
}

/* Hide old user menus */
.user-profile-menu:not(.clean-professional-header *),
.profile-dropdown:not(.clean-professional-header *) {
    display: none !important;
}

/* Hide old auth sections */
.auth-section:not(.clean-professional-header *),
.balance-display:not(.clean-professional-header *) {
    display: none !important;
}

/* Prevent any JavaScript conflicts */
.mobile-menu-open:not(.clean-professional-header *) {
    overflow: visible !important;
}

/* Force clean header styles */
html body .clean-professional-header {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
    background: #ffffff !important;
    border-bottom: 1px solid #e5e7eb !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08) !important;
}

/* Ensure proper body spacing */
html body {
    padding-top: 70px !important;
}

@media (max-width: 768px) {
    html body {
        padding-top: 64px !important;
    }
}

@media (max-width: 480px) {
    html body {
        padding-top: 56px !important;
    }
}
