/**
 * The account link (E9, E11): text, an icon, or an icon with a small menu. Its own small file, so a
 * site that puts it in every header loads neither the whole portal nor its font (efficiency review
 * 2026-11-03). The menu takes the portal style through the variables Kwazi adds after this file.
 */
span.kwazi-account-link > a { color: var(--kwazi-portal-link, inherit); cursor: pointer; }
.kwazi-account-link { display: inline-flex; gap: 12px; }
/* Account link as an icon or an icon with a menu (E11): the colour of the text around it. Two
   classes per rule: Elementor 4 resets every link in a paragraph (.e-paragraph-base a { all: unset }). */
a.kwazi-account-link.kwazi-account-link--icon, .kwazi-account-link--dropdown .kwazi-account-link__toggle { display: inline-grid; place-items: center; box-sizing: border-box; width: 2.5em; height: 2.5em; border-radius: 50%; color: inherit; cursor: pointer; }
.kwazi-account-link.kwazi-account-link--icon .kwazi-icon, .kwazi-account-link--dropdown .kwazi-account-link__toggle .kwazi-icon { width: 1.4em; height: 1.4em; }
a.kwazi-account-link.kwazi-account-link--icon:hover, .kwazi-account-link--dropdown .kwazi-account-link__toggle:hover { background: color-mix(in srgb, currentcolor 8%, transparent); }
a.kwazi-account-link.kwazi-account-link--icon:focus-visible, .kwazi-account-link--dropdown .kwazi-account-link__toggle:focus-visible { outline: 2px solid currentcolor; outline-offset: 2px; }
.kwazi-account-link.kwazi-account-link--dropdown { position: relative; display: inline-block; }
.kwazi-account-link--dropdown .kwazi-account-link__menu { position: absolute; right: 0; top: calc(100% + 8px); z-index: 1000; display: grid; min-width: 180px; padding: 6px; border: 1px solid var(--kwazi-portal-line, #e3e3e3); border-radius: var(--kwazi-portal-radius, 8px); background: var(--kwazi-portal-surface, #fff); box-shadow: 0 8px 24px rgb(0 0 0 / 12%); font-size: 15px; line-height: 1.4; text-align: start; white-space: nowrap; }
.kwazi-account-link--dropdown .kwazi-account-link__menu[hidden] { display: none; }
.kwazi-account-link--dropdown .kwazi-account-link__name { padding: 8px 10px 6px; color: var(--kwazi-portal-muted, #666); font-size: .9em; overflow: hidden; text-overflow: ellipsis; }
.kwazi-account-link--dropdown .kwazi-account-link__menu a { display: block; padding: 8px 10px; border-radius: calc(var(--kwazi-portal-radius, 8px) - 2px); color: var(--kwazi-portal-text, #1a1a1a); text-decoration: none; cursor: pointer; }
.kwazi-account-link--dropdown .kwazi-account-link__menu a:hover, .kwazi-account-link--dropdown .kwazi-account-link__menu a:focus-visible { background: var(--kwazi-portal-soft, #f4f4f4); }