.has-logotext-hidden .logotext {
    display: none;
}

/* Sticky header — applied to <header> because the <nav> inside it
   is the same height, so sticky on .navbar alone has no effect. */
header:has(.navbar) {
    position: sticky;
    top: 0;
    z-index: 30;
}

.navbar {
    margin-bottom: 0.75rem;
    background-image: linear-gradient(to bottom, #eee 0%, #ddd 100%);
    border-bottom: 1px solid #ccc;
    box-shadow: 0 0 10px 2px #ddd;
}

/* Dark theme */
[data-theme="dark"] .navbar {
    background-image: linear-gradient(to bottom, #2a2a2a 0%, #222 100%);
    border-bottom: 1px solid #444;
    box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.4);
}

@media (prefers-color-scheme: dark) {
    :root:not([data-theme]) .navbar {
        background-image: linear-gradient(to bottom, #2a2a2a 0%, #222 100%);
        border-bottom: 1px solid #444;
        box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.4);
    }
}