.fade-enter-active, .fade-leave-active {
    transition: opacity 500ms;
}
.fade-enter-from, .fade-leave-to {
    opacity: 0;
}
.fade-enter-to, .fade-leave-from {
    opacity: 1;
}
.d-none {
    display: none;
}

/* Darker navbar background for better contrast with white logo text */
.navbar {
    background-color: #363636; /* Dark gray background */
    color: white;
}

.navbar-item img {
    max-height: 2.5rem; /* Slightly larger logo */
}

/* Ensure menu text has high contrast */
.navbar-item, 
.navbar-link {
    color: white !important; /* Force white text for better contrast */
    font-weight: 500; /* Slightly bolder text */
}

/* Style dropdown items for better contrast */
.navbar-dropdown .navbar-item {
    color: #363636 !important; /* Dark text on light dropdown background */
}