/* =========================
   NAVBAR DEFAULT (GLASS)
========================= */

.navbar-custom{
position:fixed;
top:0;
left:0;
width:100%;
z-index:1000;

height:70px; /* FIXED HEIGHT */
display:flex;
align-items:center;

background:rgba(255,255,255,0.75);
backdrop-filter:blur(12px);
-webkit-backdrop-filter:blur(12px);

padding:0; /* REMOVE EXTRA PADDING */
transition:all 0.35s ease;
box-shadow:0 6px 20px rgba(0,0,0,0.05);
}

/* =========================
   LOGO
========================= */

.brand-logo{
display:flex !important;
align-items:center;
gap:10px;
}

.brand-logo img{
height:42px;
width:auto;
}

.brand-text{
font-family:'Poppins',sans-serif;
font-size:24px;
font-weight:700;
color:#0a3d62;
letter-spacing:0.5px;
transition:0.3s;
}

.brand-text span{
color:#ff6b3d;
}

/* =========================
   MENU LINKS
========================= */

.navbar-nav > li > a{
color:#2d3436 !important;
font-size:15px;
font-weight:500;
padding:18px 16px;
transition:0.3s;
position:relative;
}

/* Hover */

.navbar-nav > li > a:hover{
color:#ff6b3d !important;
}

/* Animated underline */

.navbar-nav > li > a::after{
content:"";
position:absolute;
width:0%;
height:2px;
left:50%;
bottom:10px;
background:#ff6b3d;
transition:0.35s;
transform:translateX(-50%);
}

.navbar-nav > li > a:hover::after{
width:65%;
}

/* =========================
   DROPDOWN MENU
========================= */

.dropdown-menu{
border:none;
border-radius:10px;
box-shadow:0 12px 35px rgba(0,0,0,0.18);
padding:6px 0;
margin-top:10px;
}

.dropdown-menu > li > a{
padding:10px 18px;
color:#333 !important;
font-size:14px;
transition:0.25s;
}

.dropdown-menu > li > a:hover{
background:#ff6b3d !important;
color:white !important;
padding-left:22px;
}

/* =========================
   MOBILE MENU
========================= */

.navbar-toggle{
border:none;
margin-top:16px;
}

.navbar-toggle .icon-bar{
background:#0a3d62;
height:3px;
}

/* =========================
   SCROLL EFFECT
========================= */

.navbar-scrolled{
background:#0a3d62 !important;
box-shadow:0 8px 25px rgba(0,0,0,0.25);
}

/* Menu text when scrolled */

.navbar-scrolled .navbar-nav > li > a{
color:white !important;
}

.navbar-scrolled .brand-text{
color:white;
}

.navbar-scrolled .navbar-toggle .icon-bar{
background:white;
}

/* =========================
   NAVBAR SHRINK ON SCROLL
========================= */

.navbar-scrolled{
padding:6px 0;
}

/* =========================
   SMOOTH HOVER TRANSFORM
========================= */

.navbar-nav > li{
transition:0.25s;
}

.navbar-nav > li:hover{
transform:translateY(-1px);
}

/* REMOVE BOOTSTRAP GAP */

.navbar{
    margin-bottom:0 !important;
}

/* =========================
   MOBILE NAVBAR FIX
========================= */

@media(max-width:768px){

/* FIX NAVBAR HEIGHT STRUCTURE */
.navbar-custom{
    height:auto;
    padding:10px 0;
    flex-direction:column;
}

/* FIX CONTAINER ALIGNMENT */
.navbar .container{
    width:100%;
}

/* COLLAPSED MENU BOX */
.navbar-collapse{
    background:white;
    margin-top:10px;
    border-radius:10px;
    box-shadow:0 10px 25px rgba(0,0,0,0.15);
    padding:10px 0;
}

/* REMOVE EXTRA SPACE */
.navbar-nav{
    margin:0;
}

/* MENU ITEMS */
.navbar-nav > li{
    text-align:left;
}

/* LINKS */
.navbar-nav > li > a{
    padding:12px 20px;
    font-size:15px;
    border-bottom:1px solid #eee;
}

/* REMOVE LAST BORDER */
.navbar-nav > li:last-child > a{
    border-bottom:none;
}

/* REMOVE DESKTOP UNDERLINE */
.navbar-nav > li > a::after{
    display:none;
}

/* HOVER */
.navbar-nav > li > a:hover{
    background:#f4f7fb;
    color:#ff6b3d !important;
}

/* DROPDOWN FIX */
.dropdown-menu{
    position:static;
    float:none;
    width:100%;
    box-shadow:none;
    background:#f9f9f9;
    border-radius:0;
    margin-top:0;
}

/* DROPDOWN ITEMS */
.dropdown-menu > li > a{
    padding:10px 25px;
}

/* TOGGLE BUTTON */
.navbar-toggle{
    margin-top:10px;
}

/* FIX LOGO ALIGNMENT */
.brand-logo{
    padding-left:15px;
}

}