/* =========================================
   SID FOOTWEAR - SMOOTH & COMPACT HEADER
   ========================================= */

/* 1. Header ke andar ka extra padding/margin khatam karein */
.ast-primary-header-bar,
.main-header-bar,
.site-header {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    min-height: 60px !important; /* Header ki height fix ki taake na zyada bara ho na chota */
}

/* 2. Header ke andar ka container adjust karein */
.ast-primary-header-bar .ast-builder-grid-row,
.ast-primary-header-bar .site-header-section {
    min-height: 60px !important;
    display: flex !important;
    align-items: center !important; /* Sab kuch vertically center ho jaye */
}

/* 3. Menu aur Logo ke beech ki extra space hatao */
.main-header-menu > li > a {
    padding: 10px 15px !important; /* Menu items ke gaps kam kiye */
}
.site-branding, .site-logo {
    margin: 0 !important;
    padding: 0 !important;
}

/* 4. Banner (Elementor Section) ka top gap khatam karein */
.elementor-section-wrap > .elementor-section:first-child,
.elementor-section:first-child,
.elementor-container {
    margin-top: 0px !important;
    padding-top: 0px !important;
}

/* 5. Agar Astra ka koi inner wrapper gap de raha hai to usko bhi remove karein */
#content, .site-content, .ast-container {
    padding-top: 0px !important;
    margin-top: 0px !important;
}

/* 6. Mobile par bhi header chipka hua lage */
@media (max-width: 921px) {
    .ast-primary-header-bar .site-header-section {
        min-height: 55px !important; /* Mobile par thora chota */
    }
    .ast-mobile-menu-buttons .menu-toggle {
        padding: 5px !important;
        margin: 0 !important;
    }
}