/* === Default navbar === */
.custom-navbar {
    background-color: #000040;
    transition: background-color 0.3s ease;
    padding-top: 2rem;
    padding-bottom: 2rem;
}

/* === Transparent only on home page === */
.home-page .custom-navbar {
    background-color: transparent;
}

/* === Scroll or expanded behavior === */
.custom-navbar.scrolled,
.custom-navbar.expanded {
    background-color: #000040 !important;
}

/* === Nav links default === */
.custom-navbar .navbar-nav .nav-link {
    color: white !important;
    transition: color 0.3s ease;
}

/* === Hover and active link color === */
.custom-navbar .navbar-nav .nav-link:hover,
.custom-navbar .navbar-nav .nav-item.active .nav-link,
.custom-navbar.scrolled .navbar-nav .nav-link:hover,
.custom-navbar.scrolled .navbar-nav .nav-item.active .nav-link,
.custom-navbar.expanded .navbar-nav .nav-link:hover,
.custom-navbar.expanded .navbar-nav .nav-item.active .nav-link {
    color: #FDE564 !important;
}

/* === Responsive padding === */
@media (max-width: 991.98px) {
    .custom-navbar .navbar-brand {
        padding-left: 1rem !important;
    }

    .custom-navbar .navbar-nav {
        padding-left: 1rem !important;
    }

    .navbar-toggler {
        margin-right: 1rem !important; /* Equal right padding to match logo */
    }
}

@media (min-width: 992px) {
    .custom-navbar .navbar-brand {
        padding-left: 0 !important;
    }

    .custom-navbar .navbar-nav {
        padding-left: 0 !important;
    }

    .navbar-toggler {
        margin-right: 0 !important;
    }
}

/* === Hamburger base === */
.navbar-toggler {
    border-color: white;
    padding: 0.25rem 0.5rem;
    outline: none;
    z-index: 1051;
}

.navbar-toggler-icon {
    background-image: none !important;
    position: relative;
    width: 30px;
    height: 20px;
    display: inline-block;
}

.navbar-toggler-icon::before,
.navbar-toggler-icon::after,
.navbar-toggler-icon span {
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    height: 3px;
    background-color: white;
    transition: all 0.3s ease;
}

.navbar-toggler-icon span {
    top: 8px;
}

.navbar-toggler-icon::before {
    top: 0;
}

.navbar-toggler-icon::after {
    bottom: 0;
}

/* === Hamburger transforms to X === */
.navbar-toggler.open .navbar-toggler-icon::before {
    transform: rotate(45deg);
    top: 8px;
}

.navbar-toggler.open .navbar-toggler-icon::after {
    transform: rotate(-45deg);
    bottom: 8px;
}

.navbar-toggler.open .navbar-toggler-icon span {
    opacity: 0;
}


/*Dashboard*/
#dashboard-page{
    min-height: calc(100vh - 200px);
    position: relative;
}

#dashboard-page #dashboard-content{
    padding-top: 100px;
}

.pt-6{
    padding-top: 6rem !important;
}

.pt-7{
    padding-top: 7rem !important;
}

.pt-8{
    padding-top: 8rem !important;
}