.navbar {
    position: relative;
    
}

.navbar-nav .nav-link {
    position: relative;
    display: inline-block;
    height: 100%; /* make link fill navbar height */
    line-height: 40px; /* center text vertically */
}

.navbar-nav .nav-link::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;  /* 👈 sits at very bottom of navbar */
    width: 100%;
    height: 5px;
    background-color: #FBF5DE;
    transform: scaleX(0);
    transition: transform 0.3s ease;
}

.navbar-nav .nav-link:hover::after {
    transform: scaleX(1); /* expand underline */
}
.navbar-nav .nav-link {
    color: #FBF5DE !important;  /* gold text */
}

/* Hover color */
.navbar-nav .nav-link:hover {
    color: #FBF5DE !important;  /* white on hover */
}

/* Active link color (current page) */
.navbar-nav .nav-link.active {
    color: #FBF5DE !important;  /* green when active */
}
.navbar-brand {
    color: #FBF5DE !important;  /* gold text */
}

.navbar-nav .dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0; /* remove default spacing */
}

.navbar-nav .dropdown-menu {
    transition: all 0.3s ease;
    opacity: 0;
    visibility: hidden;
}

.navbar-nav .dropdown:hover .dropdown-menu {
    opacity: 1;
    visibility: visible;
}
.navbar .nav-link {
    color: #FBF5DE !important;
}

.navbar .nav-link:hover {
    color: #FBF5DE !important;
}
/* Dropdown menu background */
.navbar .dropdown-menu {
    background-color: #FBF5DE; /* same as navbar or any color you like */
}

/* Dropdown items text color */
.navbar .dropdown-menu .dropdown-item {
    color: #3D74B6; /* gold text */
}

/* Hover effect on dropdown items */
.navbar .dropdown-menu .dropdown-item:hover {
    background-color: #EAC8A6; /* darker shade on hover */
    color: #3D74B6; /* text color on hover */
}
.navbar .dropdown-menu {
    width: auto;          /* allow width to fit content */
    min-width: 0;         /* remove default Bootstrap min-width */
}

/* Optional: adjust padding if needed */
.navbar .dropdown-menu .dropdown-item {
    white-space: nowrap;  /* prevent wrapping */
}


.navbar-toggler {
    border-color: #FBF5DE; /* optional: border color */
}

.navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba%28255, 255, 255, 1%29' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}