/* =========================================
   INTQUES NAVBAR
========================================= */

.navbar {

    background: rgba(255,255,255,0.95);
    backdrop-filter: blur(10px);

    border-bottom: 1px solid var(--border-color);

    padding: 16px 0;

    transition: var(--transition-smooth);

}


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

.navbar-brand {

    font-size: 1.6rem;
    font-weight: 800;

    color: var(--primary-orange) !important;

    letter-spacing: -0.5px;

}

.navbar-brand i {

    color: var(--primary-orange);

}


/* =========================================
   NAV LINKS
========================================= */

.navbar-nav .nav-link {

    font-size: 0.95rem;

    font-weight: 500;

    color: var(--text-main) !important;

    margin: 0 10px;

    transition: var(--transition-smooth);

}

.navbar-nav .nav-link:hover {

    color: var(--primary-orange) !important;

}

.navbar-nav .nav-link.active {

    color: var(--primary-orange) !important;

    font-weight: 600;

}


/* =========================================
   LOGIN BUTTON
========================================= */

.btn-login {

    font-weight: 600;

    color: var(--text-main);

    margin-right: 15px;

    text-decoration: none;

}

.btn-login:hover {

    color: var(--primary-orange);

}


/* =========================================
   CTA BUTTON
========================================= */

.btn-cta {

    background: var(--primary-orange);

    color: white !important;

    padding: 10px 22px;

    border-radius: 8px;

    font-weight: 600;

    transition: var(--transition-smooth);

}

.btn-cta:hover {

    background: var(--primary-orange-hover);

    transform: translateY(-2px);

    box-shadow: 0 6px 20px rgba(255,106,0,0.25);

}


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

.navbar-toggler {

    border: none;

}

.navbar-toggler:focus {

    box-shadow: none;

}

.navbar-collapse {

    margin-top: 10px;

}


/* =========================================
   MOBILE STYLING
========================================= */

@media (max-width: 991px) {

    .navbar-nav {

        padding-top: 15px;

    }

    .navbar-nav .nav-link {

        padding: 10px 0;

    }

    .btn-login {

        display: block;

        margin: 10px 0;

    }

}

/* Tablet & Mobile tweaks */
@media (max-width: 768px) {
    .navbar { padding: 12px 8px; }
    .navbar-brand { font-size: 1.25rem; }
    .navbar-nav { text-align: center; }
    .navbar-nav .nav-link { display: block; padding: 10px 0; margin: 6px 0; }
    .btn-cta { display: block; width: 100%; padding: 10px 12px; box-sizing: border-box; }
}

@media (max-width: 576px) {
    .navbar { padding: 8px 8px; }
    .navbar-brand { font-size: 1.15rem; }
    .btn-login { margin: 8px 0; }
}