/* Header Padding Fix - Reduce top bar spacing */
/* Default: 5px top/bottom (reduced from 10px) */
.header-top-first.ptb-10 {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

/* Override the ptb-xl-15 for extra large screens */
/* Default: 8px top/bottom on XL screens (reduced from 15px) */
@media (min-width: 1200px) {
    .header-top-first.ptb-xl-15 {
        padding-top: 8px !important;
        padding-bottom: 8px !important;
    }
}

/* Also reduce notification bar padding if needed */
.notification-bar.ptb-10 {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

/* CRITICAL FIX: Remove min-height that causes excessive spacing */
/* This overrides any inline styles or JavaScript-added min-height */
.header-top-first {
    min-height: auto !important;
    height: auto !important;
}

/* Ensure content determines height, not fixed values */
.header-top-first .container,
.header-top-first .row,
.header-top-first .header-area {
    min-height: auto !important;
    height: auto !important;
}

/* Optional: If you want even smaller padding, use these classes */
.header-top-first.ptb-5 {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

.header-top-first.ptb-8 {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}

/* For mobile responsiveness */
@media (max-width: 767px) {
    .header-top-first.ptb-10 {
        padding-top: 4px !important;
        padding-bottom: 4px !important;
    }
}