/* ========================================
   STICKY NAVBAR CSS - Apne existing CSS mein ADD karein
   ======================================== */

/* Navbar ko smooth transition */
#mainNavbar {
    transition: all 0.4s ease;
    position: relative;
    z-index: 1000;
}

/* Sticky class jab scroll hoga */
#mainNavbar.sticky {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    animation: slideDown 0.4s ease;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    background: #ffffff !important; /* Agar transparent hai to white ho jayega */
}

/* Slidedown animation */
@keyframes slideDown {
    from {
        transform: translateY(-100%);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}

/* Container padding reduce */
#mainNavbar .container {
    transition: all 0.4s ease;
    padding-top: 15px;
    padding-bottom: 15px;
}

#mainNavbar.sticky .container {
    padding-top: 8px;
    padding-bottom: 8px;
}


#mainNavbar .navbar-brand img {
    transition: all 0.4s ease;
    height: 60px; 
    width: auto;
}

#mainNavbar.sticky .navbar-brand img {
    height: 50px; 
}


#mainNavbar .navbar-nav {
    transition: all 0.3s ease;
}

#mainNavbar.sticky .navbar-nav .nav-link {
    font-size: 0.95em; 
}

#mainNavbar .apply-btn {
    transition: all 0.3s ease;
}

#mainNavbar.sticky .apply-btn {
    padding: 8px 20px; 
    font-size: 0.95em;
}


#mainNavbar .navbar-toggler {
    transition: all 0.3s ease;
}

#mainNavbar.sticky .navbar-toggler {
    padding: 6px 10px;
}


/* ========================================
   OPTIONAL CUSTOMIZATIONS (Zaroorat ho to uncomment karein)
   ======================================== */

/* Logo ko aur bhi chhota karna ho: */
/*
#mainNavbar.sticky .navbar-brand img {
    height: 35px;
}
*/

/* Navbar background blur effect: */
/*
#mainNavbar.sticky {
    backdrop-filter: blur(10px);
    background: rgba(255, 255, 255, 0.95) !important;
}
*/

/* Logo me scale animation: */
/*
#mainNavbar .navbar-brand {
    transition: transform 0.4s ease;
}
#mainNavbar.sticky .navbar-brand {
    transform: scale(0.9);
}
*/

/* Navbar border bottom: */
/*
#mainNavbar.sticky {
    border-bottom: 2px solid #f0f0f0;
}
*/

/* Nav items ka padding reduce: */
/*
#mainNavbar.sticky .nav-link {
    padding: 8px 15px !important;
}
*/