@media (max-width: 1100px) {
    body > .yashariel-login-header-clone {
        display: none !important;
    }
}

@media (min-width: 1101px) {
    body > header.site-header,
    body > header.reduced-header {
        display: none !important;
    }

    body > .yashariel-login-header-clone {
        position: relative;
        z-index: 1000;
    }
}


.account-topbar{min-height:76px;display:flex;align-items:center;gap:24px;padding:0 clamp(20px,4vw,72px);border-bottom:1px solid rgba(175,125,70,.22);background:rgba(5,4,3,.9);backdrop-filter:blur(12px);position:sticky;top:0;z-index:50}

.account-brand{font-family:Cinzel,serif;font-size:1.2rem;letter-spacing:.18em;color:var(--gold);text-decoration:none;white-space:nowrap}

.account-site-nav{display:flex;align-items:center;justify-content:center;gap:clamp(14px,2vw,28px);flex:1}

.account-site-nav a{font-size:.74rem;text-transform:uppercase;letter-spacing:.13em;text-decoration:none;color:#c9c0b5;padding:28px 0 25px;border-bottom:2px solid transparent}

.account-site-nav a:hover,.account-site-nav a:focus-visible{color:#f2d394;border-color:var(--ember)}

.account-top-actions{display:flex;gap:9px;align-items:center}

.language-link,.notification-button,.account-name{border:1px solid var(--line);background:rgba(18,15,12,.75);color:#ddd2c5;text-decoration:none;padding:9px 12px;border-radius:2px}

.account-name{color:var(--gold);cursor:pointer}

.notification-button{cursor:pointer}

.account-menu-toggle{display:none;border:1px solid var(--line);background:#100d0b;color:var(--gold);padding:8px 10px}

@media(max-width:1180px){
.account-site-nav{display:none}

.account-topbar{justify-content:space-between}

.account-menu-toggle{display:block}

.account-topbar.nav-open .account-site-nav{display:flex;position:absolute;top:76px;left:0;right:0;flex-direction:column;align-items:stretch;background:#080706;padding:10px 24px 20px;border-bottom:1px solid var(--line)}

.account-site-nav a{padding:12px 4px}
}

@media(max-width:820px){
.account-top-actions .language-link{display:none}
}

@media(max-width:520px){
.account-topbar{min-height:64px;padding:0 14px}

.account-topbar.nav-open .account-site-nav{top:64px}

.account-name{max-width:115px;overflow:hidden;text-overflow:ellipsis}
}






body.account-area-mode .account-user,
body.account-area-mode .account-name,
body.account-area-mode .user-menu,
body.account-area-mode .profile-menu,
body.account-area-mode [data-account-menu] {
    min-height: 46px !important;

    display: inline-flex !important;

    align-items: center !important;
    justify-content: center !important;

    padding:
        0
        18px !important;

    color: #d9b878 !important;

    font-size: 16px !important;

    white-space: nowrap !important;

    box-sizing: border-box !important;
}
















body.account-body.auth-mode #accountNameButton,
body.account-body.auth-mode .account-name,

body.account-body.account-auth-mode #accountNameButton,
body.account-body.account-auth-mode .account-name,

body.account-body.auth-mode.account-area-mode #accountNameButton,
body.account-body.auth-mode.account-area-mode .account-name,

body.account-body.auth-mode #notificationButton,
body.account-body.auth-mode .notification-button,

body.account-body.account-auth-mode #notificationButton,
body.account-body.account-auth-mode .notification-button {

    display: none !important;

    visibility: hidden !important;

    opacity: 0 !important;

    pointer-events: none !important;
}






body.account-body.portal-mode:not(.auth-mode)
#accountNameButton:not(.is-hidden),

body.account-body.portal-mode:not(.auth-mode)
.account-name:not(.is-hidden) {

    display: inline-flex !important;

    visibility: visible !important;

    opacity: 1 !important;

    pointer-events: auto !important;
}






@media (min-width: 1101px) {

    .yashariel-login-header-clone
    .yashariel-public-login {
        display: inline-flex;
        align-items: center;
        justify-content: center;

        min-width: 48px;
        min-height: 36px;

        padding:
            0.62rem
            0.85rem;

        border:
            1px solid
            rgba(174, 116, 48, 0.42);

        background:
            rgba(14, 11, 8, 0.68);

        color:
            #e8dfd5;

        font: inherit;

        text-decoration:
            none;

        cursor:
            pointer;
    }

    .yashariel-login-header-clone
    .yashariel-public-login:hover,
    .yashariel-login-header-clone
    .yashariel-public-login:focus-visible {
        color:
            #d9ab5d;

        border-color:
            rgba(201, 136, 58, 0.72);
    }
}