/* Header UI Fixes */

/* 1. Reduce dropdown gap (Create only) */
.create-dropdown .nav-dropdown-menu {
    top: 102% !important;
    margin-top: 4px !important;
    transition: opacity 0.2s ease, visibility 0.2s ease;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

/* 2. Make dropdown stickier (Create only) */
.create-dropdown:hover .nav-dropdown-menu,
.create-dropdown:focus-within .nav-dropdown-menu {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transition-delay: 0s !important;
}

.create-dropdown .nav-dropdown-menu:hover {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transition-delay: 0.5s !important;
}

.create-dropdown.open .nav-dropdown-menu {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transition-delay: 0s !important;
}

/* 3. Make Create button text orange */
.create-dropdown>.btn {
    color: var(--primary) !important;
    border-color: rgba(249, 87, 42, 0.3) !important;
    padding: 0.6rem 1.1rem !important;
    border-radius: 30px !important;
}

/* 4. Align user greeting and logout vertically */
.nav-auth-links {
    line-height: 1 !important;
    display: flex !important;
    align-items: center !important;
    gap: 0.35rem !important;
    margin-top: -9px !important;
}

.nav-auth-links a,
.nav-auth-links span {
    line-height: 1.2 !important;
    padding-top: 0 !important;
}

/* 5. Keep nav actions aligned */
.nav-actions {
    align-items: center !important;
}