/*
THE GUN DOCK - COMPACT HEADER
Reduces header height to maximize product display space
*/

/* Reduce top bar padding */
.header-topbar-pro {
    padding: 0.4rem 0 !important;
}

.contact-info-pro {
    font-size: 0.8rem !important;
}

.promo-text-pro {
    font-size: 0.8rem !important;
}

/* Compact main header */
.header-main-pro {
    padding: 0.75rem 0 !important;
}

.logo-pro {
    max-height: 45px !important;
}

/* Reduce search box height */
.search-pro input {
    padding: 0.65rem 1rem !important;
    padding-right: 3.5rem !important;
    font-size: 0.9rem !important;
}

.search-pro button {
    padding: 0 1rem !important;
    font-size: 1rem !important;
}

/* Compact action buttons */
.action-pro {
    gap: 0.25rem !important;
}

.action-pro i {
    font-size: 1.3rem !important;
}

.action-pro span {
    font-size: 0.75rem !important;
}

/* Compact navigation */
.nav-pro {
    padding: 0.5rem 0 !important;
}

.nav-pro ul {
    margin: 0 !important;
    padding: 0.25rem 0 !important;
}

.nav-pro li a {
    padding: 0.5rem 1rem !important;
    font-size: 0.9rem !important;
}

/* Mobile responsive - keep compact */
@media (max-width: 768px) {
    .header-topbar-pro {
        padding: 0.3rem 0 !important;
    }

    .header-main-pro {
        padding: 0.5rem 0 !important;
    }

    .logo-pro {
        max-height: 35px !important;
    }

    .search-pro {
        margin: 0.5rem 0 !important;
    }

    .search-pro input {
        padding: 0.5rem 0.75rem !important;
        font-size: 0.85rem !important;
    }
}

/* Make header sticky but with less shadow for cleaner look */
.header-professional {
    box-shadow: 0 2px 8px rgba(0,0,0,0.3) !important;
}

/* SMART HEADER - Scroll Behavior Enhancements */
/* Override ALL positioning rules - keep header at top */
.header-professional,
header.header-professional,
body .header-professional,
html body .header-professional {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 1000 !important;
    background-color: #1a1a1a !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.3);
    width: 100% !important;
    transform: none !important;
}

/* Spacer to prevent content jump */
.header-spacer {
    display: block;
    width: 100%;
}

/* Smooth transitions for all collapsible sections */
.header-topbar-pro {
    transition: max-height 0.3s ease, padding 0.3s ease, opacity 0.3s ease, visibility 0.3s ease;
    max-height: 100px;
    overflow: hidden;
}

.stats-pro {
    transition: max-height 0.3s ease, padding 0.3s ease, opacity 0.3s ease, visibility 0.3s ease;
    max-height: 100px;
    overflow: hidden;
}

.header-main-pro {
    transition: max-height 0.3s ease, padding 0.3s ease, opacity 0.3s ease, visibility 0.3s ease;
    overflow: hidden;
}

.nav-pro,
.logo-pro {
    transition: padding 0.3s ease, max-height 0.3s ease;
}

/* When scrolling DOWN - hide almost everything, keep only compact nav */
.header-professional.header-scrolled-down .header-topbar-pro {
    max-height: 0 !important;
    padding: 0 !important;
    opacity: 0;
    margin: 0 !important;
    visibility: hidden;
}

.header-professional.header-scrolled-down .stats-pro {
    max-height: 0 !important;
    padding: 0 !important;
    opacity: 0;
    margin: 0 !important;
    visibility: hidden;
}

/* AGGRESSIVELY hide main header (logo, search, actions) when scrolled */
.header-professional.header-scrolled-down .header-main-pro {
    max-height: 0 !important;
    padding: 0 !important;
    opacity: 0;
    margin: 0 !important;
    overflow: hidden !important;
    visibility: hidden;
}

/* Make navigation super compact - this is all that shows */
.header-professional.header-scrolled-down .nav-pro {
    padding: 0.35rem 0 !important;
    background: #1a1a1a !important;
}

.header-professional.header-scrolled-down .nav-pro ul {
    margin: 0 !important;
}

.header-professional.header-scrolled-down .nav-pro li a {
    padding: 0.4rem 0.8rem !important;
    font-size: 0.85rem !important;
}

/* Add stronger shadow when scrolled */
.header-professional.header-scrolled-down,
.header-professional.header-scrolled-up {
    box-shadow: 0 4px 12px rgba(0,0,0,0.5) !important;
}

/* When scrolling UP - show everything */
.header-professional.header-scrolled-up .header-topbar-pro {
    max-height: 100px;
    opacity: 1;
}

.header-professional.header-scrolled-up .stats-pro {
    max-height: 100px;
    opacity: 1;
}