/*
 * SC4 Account Menu
 *
 * What this file does:
 * - Styles the [sc4_account_menu] shortcode output so it can live inside a header/nav.
 * - Keeps styles minimal and self-contained to avoid theme conflicts.
 *
 * Called by:
 * - Enqueued by Modules\Experience\Engine::shortcode_account_menu().
 */

.sc4-account-menu{position:relative;display:inline-flex;align-items:center;gap:10px}
.sc4-account-menu--guest .sc4-account-link{display:inline-block;padding:8px 10px;border-radius:10px;text-decoration:none;font-weight:600;letter-spacing:.02em}
.sc4-account-menu--guest .sc4-account-link--muted{opacity:.85}

.sc4-account-trigger{display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border-radius:10px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);color:inherit;font:inherit;cursor:pointer}
.sc4-account-trigger:hover{background:rgba(255,255,255,.08)}

/* Reuse dot geometry from experience.css; this is only to adjust nav placement. */
.sc4-dot--nav{margin-left:0;position:relative;top:-1px}

.sc4-account-dropdown{position:absolute;right:0;top:calc(100% + 8px);min-width:190px;z-index:9999;display:block;background:rgba(0,0,0,.92);border:1px solid rgba(255,255,255,.14);border-radius:14px;box-shadow:0 10px 35px rgba(0,0,0,.55);padding:8px}
.sc4-account-dropdown[aria-hidden="true"]{display:none}

.sc4-account-item{display:block;padding:10px 10px;border-radius:10px;text-decoration:none;color:inherit;font-weight:600;letter-spacing:.02em}
.sc4-account-item:hover{background:rgba(255,255,255,.08)}
.sc4-account-item--muted{opacity:.85}

.sc4-account-sep{height:1px;background:rgba(255,255,255,.12);margin:6px 4px}