/**
 * Header Auth Dropdown - extras
 *
 * Additional dropdown styles for the section-grouped user menu introduced
 * by ttfc-header-manager. These selectors are in addition to those compiled
 * into the theme's style.css via ttfc-css-compiler. Once the theme CSS is
 * re-compiled from `_header-auth.css`, this file becomes redundant but
 * harmless (same selectors, same values).
 */

/* ה-wrapper של הכותרת (sticky) הוגדר עם z-index: 100 ב-_header-fixes.css.
   זה יוצר stacking context שכולא את כל הצאצאים (כולל הדרופדאון) ב-100.
   מעלים אותו ל-max כדי שהדרופדאון יוצג מעל כל אלמנט אחר באתר. */
.header-viewport-padding {
    z-index: 2147483000 !important;
}

.auth-user-menu {
    position: relative;
    z-index: 2147483000;
}

.auth-user-dropdown {
    min-width: 260px;
    max-height: calc(100vh - 80px);
    overflow-y: auto;
    z-index: 2147483000;
}

.auth-user-nav {
    gap: 2px;
}

.auth-user-section-title {
    padding: 8px 12px 4px;
    margin-top: 4px;
    font-size: 11px;
    font-weight: 700;
    color: var(--gray-medium, #666);
    letter-spacing: 0.04em;
    font-family: var(--font-family-secondary);
}

.auth-user-section-title:first-child {
    margin-top: 0;
    padding-top: 4px;
}

.auth-user-divider {
    height: 1px;
    background: var(--gray-mild, #e5e5e5);
    margin: 6px 8px;
    border: 0;
}

.auth-user-link {
    padding: 8px 12px;
}

.auth-user-link .dashicons {
    color: var(--gray-medium, #666);
    flex-shrink: 0;
}

.auth-user-link:hover .dashicons {
    color: var(--primary-color-daat, #0f2b5b);
}

.auth-user-link.auth-logout .dashicons,
.auth-user-link.auth-logout:hover .dashicons {
    color: var(--alert-red, #b00020);
}