/* Guest account actions: keep login accessible without crowding narrow headers. */
@media(max-width:760px){
:is(#homepage-reference,#shop-reference,#account-reference) .site-header .header-actions .login-button{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:0 10px;border:1px solid #dce4ef;border-radius:8px;background:#fff;color:#1556ca;font-size:10px;font-weight:700;line-height:1.4;text-decoration:none;white-space:nowrap}
:is(#homepage-reference,#shop-reference,#account-reference) .site-header .header-actions .login-button:focus-visible{outline:3px solid #75aaff;outline-offset:2px}
}
@media(max-width:360px){
:is(#homepage-reference,#shop-reference,#account-reference) .site-header .header-actions:has(.login-button) .join-button{display:none}
}