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

/* Prevent navbar from sliding off */
#quarto-header {
    position: static !important;
    transform: none !important;
    transition: none !important;
    top: 0 !important;
}

.navbar {
    position: static !important;
    transform: translateY(0) !important;
    margin-top: 0 !important;
}

/* Override any hide-navbar class */
.hide-navbar {
    transform: translateY(0) !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* Ensure navbar items are visible */
.navbar-nav {
    display: flex !important;
    visibility: visible !important;
}

.navbar-brand img {
    max-height: 75px;  /* Set logo height to 75px */
    width: auto;
}

/* 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 */
}

/* Global theme toggle support */
html {
    transition: color-scheme 0.3s ease;
}

/* Ensure theme is applied consistently */
html[data-bs-theme="dark"] {
    color-scheme: dark;
}

html[data-bs-theme="light"] {
    color-scheme: light;
}