/**
 * Seamless Slider to Clock Bar
 * Menghilangkan gap antara hero slider dan compact clock bar
 */

/* Hero Slider - No Bottom Spacing */
.hero-slider,
section.hero-slider {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    border-bottom: none !important;
}

/* Compact Clock Bar - No Top Spacing */
.compact-clock-bar {
    margin-top: 0 !important;
    padding-top: 12px !important;
    border-top: none !important;
    /* Hanya border bottom untuk pemisah dengan section berikutnya */
    border-bottom: 3px solid #d4af37 !important;
}

/* Pastikan tidak ada gap dari elemen lain */
.hero-slider + .compact-clock-bar {
    margin-top: 0 !important;
}

/* Remove any default section spacing */
section.hero-slider {
    margin: 0 !important;
}

/* Responsive - Tetap rapat di semua ukuran */
@media (max-width: 991px) {
    .hero-slider,
    section.hero-slider {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }
    
    .compact-clock-bar {
        margin-top: 0 !important;
        padding-top: 10px !important;
    }
}

@media (max-width: 767px) {
    .compact-clock-bar {
        padding-top: 8px !important;
    }
}

@media (max-width: 575px) {
    .compact-clock-bar {
        padding-top: 6px !important;
    }
}