/* Guest header actions */
.guest-member-actions{
    display:flex;
    align-items:center;
    gap:8px;
    flex:0 0 auto;
}
.guest-status-compact{
    min-width:0;
}
.guest-action-button{
    min-height:40px;
    padding:7px 11px;
    border-radius:11px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    font-size:12px;
    font-weight:800;
    line-height:1.1;
    white-space:nowrap;
    box-sizing:border-box;
}
.guest-action-button--login{
    border:1px solid rgba(0,121,107,.28);
    background:#fff;
    color:var(--brand-dark);
}
.guest-action-button--premium{
    flex-direction:column;
    background:#e5f6f3;
    color:var(--brand-dark);
    border:1px solid transparent;
}
.guest-action-button--premium small{
    margin-top:2px;
    font-size:9px;
    font-weight:800;
    opacity:.78;
}
.guest-action-button:hover{
    filter:brightness(.98);
}

/* Mobile:
   brand + guest status on the left, actions on the right. */
@media (max-width:720px){
    .site-header__inner{
        display:grid;
        grid-template-columns:minmax(0,1fr) auto;
        align-items:center;
        gap:8px;
    }

    .site-header__inner > .brand{
        grid-column:1;
        grid-row:1;
        width:max-content;
    }

    .site-header__inner > .user-status{
        grid-column:1 / -1;
        grid-row:1;
        display:grid;
        grid-template-columns:minmax(0,1fr) auto;
        align-items:center;
        gap:8px;
        width:100%;
        min-width:0;
    }

    .user-status > .guest-status-compact{
        grid-column:1;
        margin-left:92px;
        min-width:0;
    }

    .guest-status-compact{
        justify-self:start;
        text-align:left;
    }

    .guest-status-compact .user-status__name-row{
        justify-content:flex-start;
        gap:5px;
        width:max-content;
    }

    .guest-status-compact .user-status__sub{
        display:none;
    }

    .guest-member-actions{
        grid-column:2;
        justify-self:end;
        gap:6px;
    }

    .guest-action-button{
        min-height:38px;
        padding:7px 9px;
        font-size:11px;
    }
}

@media (max-width:430px){
    .site-header__inner{
        width:min(100% - 14px,1120px);
        gap:5px;
    }

    .site-header__inner > .brand{
        transform:scale(.92);
        transform-origin:left center;
    }

    .user-status > .guest-status-compact{
        margin-left:82px;
    }

    .guest-status-compact strong{
        font-size:11px;
    }

    .header-medal-badge{
        padding:2px 5px;
        font-size:10px;
    }

    .guest-member-actions{
        gap:4px;
    }

    .guest-action-button{
        min-height:35px;
        padding:6px 7px;
        border-radius:9px;
        font-size:10px;
    }

    .guest-action-button--premium small{
        font-size:8px;
    }
}

@media (max-width:360px){
    .site-header__inner > .brand{
        transform:scale(.86);
    }

    .user-status > .guest-status-compact{
        margin-left:76px;
    }

    .guest-status-compact strong{
        font-size:10px;
    }

    .guest-action-button{
        padding:5px 6px;
        font-size:9px;
    }
}