/* Account control: text on desktop, one 44px touch target on phones. */
.pls-header-account,.pls-header-account *,.pls-header-menu,.pls-header-menu *{box-sizing:border-box}
.pls-header-account{position:relative;z-index:150;display:inline-flex;align-items:center;max-width:100%;min-width:0;flex:0 0 auto;font-family:Inter,system-ui,sans-serif;line-height:1.25;color:#f3f7ff}
.pls-header-account .pls-header-signin,.pls-header-account .pls-header-profile{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid rgba(153,169,221,.24)!important;background:#101624!important;color:#fff!important;border-radius:12px!important;text-decoration:none!important;padding:9px 15px!important;min-height:45px;max-width:100%;font-family:inherit;font-weight:750;font-size:13px;line-height:1.25;white-space:nowrap;box-shadow:none!important;cursor:pointer}
.pls-header-account .pls-header-signin:hover,.pls-header-account .pls-header-profile:hover{background:#19233b!important;border-color:rgba(117,144,255,.48)!important}
.pls-header-account .pls-header-signin{background:linear-gradient(115deg,#6766fa,#55b6f7)!important;border:0!important}
.pls-header-account .pls-hicon{display:block;width:21px;height:21px;flex:0 0 21px}
.pls-header-account .pls-header-avatar{display:block;width:33px!important;height:33px!important;min-width:33px;max-width:33px;flex:0 0 33px;object-fit:cover;border-radius:50%;background:#293756}
.pls-header-account .pls-header-username{display:block;min-width:0;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pls-header-account .pls-header-chevron{flex:0 0 auto;font-size:19px;color:#98a8cd}
/* Menu styles also apply while the mobile menu lives above the header in body. */
.pls-header-menu{position:absolute;right:0;top:calc(100% + 10px);width:min(270px,calc(100vw - 28px));border-radius:16px;background:#0e1526;border:1px solid #303d59;box-shadow:0 22px 70px rgba(0,0,0,.5);padding:9px;z-index:2147483646;font-family:Inter,system-ui,sans-serif;line-height:1.25;color:#f3f7ff}
.pls-header-menu[hidden]{display:none!important}
.pls-header-menu .pls-header-identity{display:flex;flex-direction:column;gap:5px;padding:14px 13px;border-bottom:1px solid #2a3550;margin-bottom:6px}
.pls-header-menu .pls-header-identity strong{font-size:13px;color:#fff;overflow-wrap:anywhere}
.pls-header-menu .pls-header-identity small{font-size:11px;color:#acb7d1;overflow-wrap:anywhere}
.pls-header-menu a{display:flex;align-items:center;gap:10px;padding:13px 11px;min-height:44px;font-size:13px;font-weight:750;color:#eef2ff!important;text-decoration:none!important;border-radius:10px;transition:background .15s}
.pls-header-menu a span:last-child{margin-left:auto}
.pls-header-menu a:hover,.pls-header-menu a:focus-visible{background:#212d4b}
.pls-header-account :focus-visible,.pls-header-menu :focus-visible{outline:2px solid #70afff!important;outline-offset:3px}
.pls-header-menu.pls-header-menu-mobile{position:fixed;right:auto;left:var(--pls-account-menu-left,12px);top:var(--pls-account-menu-top,64px);width:min(288px,calc(100vw - 24px));max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);overflow-y:auto;overscroll-behavior:contain}
@media(max-width:767px){
    .pls-header-account{width:44px;min-width:44px;max-width:44px;height:44px;flex:0 0 44px;vertical-align:middle}
    .pls-header-account .pls-header-signin,.pls-header-account .pls-header-profile{width:44px!important;min-width:44px!important;max-width:44px!important;height:44px!important;min-height:44px!important;max-height:44px!important;padding:5px!important;margin:0!important;gap:0!important;border-radius:50%!important;overflow:hidden;flex:0 0 44px}
    .pls-header-account .pls-header-signin-text,.pls-header-account .pls-header-signin-arrow,.pls-header-account .pls-header-username,.pls-header-account .pls-header-chevron{display:none!important}
    .pls-header-account .pls-header-avatar{width:32px!important;height:32px!important;min-width:32px;max-width:32px;flex-basis:32px}
    .pls-header-account .pls-hicon{width:23px;height:23px;flex-basis:23px}
    /* Only the shortcode's own Elementor widget changes width, not its neighbours. */
    .elementor-element.pls-header-account-widget{--container-widget-width:44px;--container-widget-flex-grow:0;width:44px!important;min-width:44px!important;max-width:44px!important;flex:0 0 44px!important;align-self:center;padding:0!important;margin:0!important}
    .elementor-element.pls-header-account-widget>.elementor-widget-container{width:44px;max-width:44px;min-width:0;padding:0!important}
    .elementor-element.pls-header-account-widget .elementor-shortcode{display:flex;align-items:center;justify-content:center;line-height:1}
    /* Immediate width before JS, including dynamically rendered Elementor previews. */
    @supports selector(:has(*)){
        .elementor-element.elementor-widget-shortcode:has(.pls-header-account){--container-widget-width:44px;--container-widget-flex-grow:0;width:44px!important;min-width:44px!important;max-width:44px!important;flex:0 0 44px!important;align-self:center;padding:0!important;margin:0!important}
        .elementor-element.elementor-widget-shortcode:has(.pls-header-account)>.elementor-widget-container{width:44px;max-width:44px;min-width:0;padding:0!important}
        .elementor-element.elementor-widget-shortcode:has(.pls-header-account) .elementor-shortcode{display:flex;align-items:center;justify-content:center;line-height:1}
    }
}
