/* ========================================
   HEADER PADDING OPTIMIZATION
   Reduces header white space for impact
   Keeps rest of page spacing intact
   ======================================== */

/* ===== HEADER SECTION OPTIMIZATION ===== */

/* Optimize header padding - more impactful */
.header-section {
    padding: 12px 0 !important;
}

.header-section .overlay {
    padding: 0 !important;
}

.header-section .container {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.header-section .header-area {
    min-height: auto !important;
    padding: 0 !important;
}

/* ===== NAVBAR OPTIMIZATION ===== */

.navbar {
    padding: 0 !important;
}

.navbar-brand {
    padding: 8px 0 !important;
    margin-right: 30px !important;
}

/* ===== NAVIGATION ITEMS ===== */

.navbar-nav {
    gap: 8px !important;
    align-items: center !important;
}

.navbar-nav .nav-item {
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
}

.navbar-nav .nav-link {
    padding: 12px 18px !important;
    display: inline-flex !important;
    align-items: center !important;
}

/* ===== HEADER BUTTONS ===== */

.header-action {
    gap: 12px !important;
}

.header-action .cmn-btn {
    padding: 12px 28px !important;
}

/* ===== RESPONSIVE HEADER ===== */

/* Large Desktop */
@media (min-width: 1200px) {
    .header-section {
        padding: 15px 0 !important;
    }
    
    .navbar-brand {
        padding: 10px 0 !important;
        margin-right: 40px !important;
    }
    
    .navbar-nav .nav-link {
        padding: 14px 20px !important;
    }
    
    .header-action .cmn-btn {
        padding: 14px 32px !important;
    }
}

/* Desktop */
@media (min-width: 992px) and (max-width: 1199.98px) {
    .header-section {
        padding: 12px 0 !important;
    }
    
    .navbar-brand {
        padding: 8px 0 !important;
        margin-right: 30px !important;
    }
    
    .navbar-nav .nav-link {
        padding: 12px 18px !important;
    }
}

/* Tablet */
@media (min-width: 768px) and (max-width: 991.98px) {
    .header-section {
        padding: 12px 0 !important;
    }
    
    .navbar-brand {
        padding: 8px 0 !important;
    }
    
    .navbar-collapse {
        margin-top: 12px !important;
        padding: 15px !important;
    }
}

/* Mobile */
@media (max-width: 767.98px) {
    .header-section {
        padding: 10px 0 !important;
    }
    
    .navbar-brand {
        padding: 6px 0 !important;
    }
    
    .navbar-collapse {
        margin-top: 10px !important;
        padding: 12px !important;
    }
    
    .navbar-nav .nav-link {
        padding: 10px 15px !important;
    }
}

/* Small Mobile */
@media (max-width: 575.98px) {
    .header-section {
        padding: 8px 0 !important;
    }
    
    .navbar-brand {
        padding: 5px 0 !important;
    }
    
    /* Optimize Product dropdown text on small screens */
    .navbar-nav .dropdown .nav-link.dropdown-toggle {
        font-size: 15px !important;
        padding: 12px 40px 12px 12px !important;
    }
}

/* ===== SMOOTH TRANSITIONS ===== */

.header-section,
.navbar-nav .nav-link,
.header-action .cmn-btn {
    transition: all 0.3s ease !important;
}

/* ===== STICKY HEADER (IF APPLICABLE) ===== */

.header-section.sticky,
.header-section.fixed-top {
    padding: 8px 0 !important;
    box-shadow: 0 2px 10px rgba(0,0,0,0.08) !important;
}