/* Styles for both themes */
.navbar {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
    min-height: 100px !important;
}

.navbar-brand-container {
    flex: 1 !important;
    display: flex !important;
    justify-content: center !important;
    background: #f5f5dc !important;
    border-radius: 10px !important;
    padding: 0.75rem 2rem !important;
    margin: 0 2rem !important;
}

.navbar-brand img, .navbar-logo {
    max-height: 75px !important;
    height: 75px !important;
    width: auto !important;
}

/* Light theme specific styles */
[data-theme="light"] .navbar-brand img {
    filter: none;  /* or adjust as needed for light theme */
}

/* Dark theme specific styles */
[data-theme="dark"] .navbar-brand img {
    filter: brightness(0.9);  /* slightly dim for dark theme */
}