/* ========================================
   NAVBAR FINAL — CLEAN & PREMIUM
======================================== */

.navbar{
    background:#fff;
    padding:10px 0;
    border-bottom:none !important; /* hilangkan garis hitam bootstrap */
}

/* align isi navbar */
.navbar .container{
    display:flex;
    align-items:center;
}

/* LOGO */
.navbar-brand img{
    height:48px;
    width:auto;
}


/* ===============================
   NAV MENU
=============================== */

.navbar-nav{
    align-items:center;
    gap:6px;
}

.navbar-nav .nav-item{
    position:relative;
}

/* LINK */
.navbar-nav .nav-link{
    font-family:'Inter', sans-serif;
    font-weight:500;
    color:#222 !important;
    padding:8px 14px !important;
    position:relative;
    white-space:nowrap;

    /* HILANGKAN UNDERLINE / BORDER BAWAAN */
    border:none !important;
    box-shadow:none !important;
    text-decoration:none !important;
}


/* ===============================
   GARIS MERAH (ANTI DOUBLE)
=============================== */

/* .navbar-nav .nav-link::after{
    content:"";
    position:absolute;
    left:14px;
    right:14px;
    bottom:-7px; turun biar tidak numpuk
    height:3px;
    background:#e53935;
    border-radius:20px;

    transform:scaleX(0);
    transform-origin:center;
    transition:0.25s ease;

    z-index:2;
} */

.navbar-nav .nav-link:hover::after,
.navbar-nav .nav-link.active::after{
    transform:scaleX(1);
}

/* warna hover */
.navbar-nav .nav-link:hover{
    color:#e53935 !important;
}

/* active */
.navbar-nav .nav-link.active{
    color:#e53935 !important;
    font-weight:600;
}


/* ===============================
   DROPDOWN PREMIUM
=============================== */

.dropdown-menu{
    border:none;
    border-radius:16px;
    padding:10px;
    margin-top:12px;

    box-shadow:0 15px 40px rgba(0,0,0,.08);

    opacity:0;
    transform:translateY(12px);
    visibility:hidden;
    transition:.25s;
}

/* muncul ke bawah */
.nav-item.dropdown:hover .dropdown-menu{
    opacity:1;
    transform:translateY(0);
    visibility:visible;
}

.dropdown-item{
    font-family:'Inter', sans-serif;
    border-radius:10px;
    padding:10px 16px;
    color:#444;
    transition:.2s;
}

.dropdown-item:hover{
    background:#f3f3f3;
    padding-left:22px;
    color:#e53935;
}


/* ===============================
   TOMBOL KONSULTASI
=============================== */

.btn-gold{
    background:linear-gradient(45deg,#ff4d4d,#d62828);
    color:#fff !important;
    border:none;
    font-weight:600;
    transition:.3s;
}

.btn-gold:hover{
    transform:translateY(-2px);
    box-shadow:0 8px 20px rgba(214,40,40,.35);
}


/* ===============================
   FIX NAVBAR DESKTOP
=============================== */

@media (min-width:992px){

    .navbar-expand-lg .navbar-collapse{
        display:flex !important;
        justify-content:flex-end;
    }

    .navbar-nav{
        flex-direction:row;
    }

}