/**
 * Header Alignment Fix
 * Fixes two issues:
 * 1. "Welkom, kfaessen" not aligned with other items
 * 2. Header scrolling issue with admin bar
 */

/* Fix 1: Align welcome message with links */
.header-top .welcome-message {
    display: inline-flex !important;
    align-items: center !important;
    margin-left: 0 !important;
    margin-right: 20px !important;
    color: white !important;
    line-height: 1 !important;
    vertical-align: middle !important;
}

/* Ensure quick-links container uses flexbox properly */
.header-top .quick-links {
    display: flex !important;
    align-items: center !important;
    gap: 0 !important;
}

/* Fix 2: Prevent header from moving with scroll when admin bar is present */
body.admin-bar .site-header {
    top: 0 !important;
    position: relative !important;
}

body.admin-bar .site-header .header-top {
    position: relative !important;
    top: auto !important;
}

/* Ensure header stays in place */
.site-header {
    position: relative !important;
    z-index: 999 !important;
}

.site-header .header-top {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
}

/* Fix admin bar interaction */
body.admin-bar {
    margin-top: 0 !important;
}

/* Dark mode support for welcome message */
@media (prefers-color-scheme: dark) {
    .header-top .welcome-message {
        color: #f3f4f6 !important;
    }
}