/* ==========================================================================
   Landing page custom styles
   Kustomisasi tampilan navbar halaman utama (front) agar isi navbar
   tidak menempel ke sisi kiri/kanan layar.
   ========================================================================== */

/* Beri jarak (padding) horizontal pada container topbar & mega menu.
   Keduanya memakai .container-fluid yang membentang penuh selebar layar,
   sehingga logo mepet kiri dan menu/login mepet kanan. */
#header .topbar .container-fluid,
#header .mega-menu > section.menu-list-items .container-fluid {
    padding-left: 50px;
    padding-right: 50px;
}

/* Layar besar: beri jarak lebih lega */
@media (min-width: 1200px) {
    #header .topbar .container-fluid,
    #header .mega-menu > section.menu-list-items .container-fluid {
        padding-left: 80px;
        padding-right: 60px;
    }
}

/* Layar kecil (mobile/tablet): kembalikan jarak ke ukuran wajar
   supaya tidak terlalu sempit di tengah. */
@media (max-width: 767px) {
    #header .topbar .container-fluid,
    #header .mega-menu > section.menu-list-items .container-fluid {
        padding-left: 20px;
        padding-right: 20px;
    }
}