/* Navbar Styles */
.navbar {
    background-color: white !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1) !important;
    transition: box-shadow 0.3s ease !important;
}

.navbar.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
}

#navButtonContainer button {
    border-radius: var(--border-radius-md);
    font-size: 13px;
    transition: transform 0.5s ease;
}

#navButtonContainer button:hover {
    background-color: transparent;
    transform: scale(1.1);
    color: var(--dark-blue);
}

nav .nav-link {
    white-space: nowrap;
    position: relative;
    transition: all 0.3s ease;
}

nav .nav-link.active,
nav .nav-link[data-section="home"]:hover,
nav .nav-link[data-section="opinions"]:hover,
nav .nav-link[data-section="our-courses"]:hover {
    background: var(--text-gradient);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* Add padding to body to account for fixed navbar */
body {
    padding-top: 80px;
}