/* WarextMarket v0.542 - profile hero, social float, and avatar frame geometry */

/* -------------------------------------------------------------------------
 * Global avatar frame contract
 * ---------------------------------------------------------------------- */
.cosmetic-avatar-shell{
    position:relative!important;
    overflow:visible!important;
    isolation:isolate!important;
}
.cosmetic-avatar-shell>.public-profile-avatar,
.cosmetic-avatar-shell>img:not(.cosmetic-avatar-frame__asset){
    position:relative!important;
    z-index:1!important;
}
.cosmetic-avatar-shell>.cosmetic-avatar-frame,
.cosmetic-avatar-frame{
    position:absolute!important;
    inset:-16%!important;
    width:auto!important;
    height:auto!important;
    min-width:0!important;
    min-height:0!important;
    max-width:none!important;
    max-height:none!important;
    overflow:visible!important;
    pointer-events:none!important;
    z-index:6!important;
}
.cosmetic-avatar-frame>.cosmetic-avatar-frame__asset,
.cosmetic-avatar-frame>.cosmetic-media-object,
.cosmetic-avatar-frame>.cosmetic-media-image,
.cosmetic-avatar-frame>img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    min-width:0!important;
    min-height:0!important;
    max-width:none!important;
    max-height:none!important;
    object-fit:contain!important;
    overflow:visible!important;
    pointer-events:none!important;
}
.profile-menu-trigger,
.public-profile-avatar-shell,
.chat-avatar-shell,
.testimonial-avatar-shell,
.comment-showcase-avatar-shell,
.cosmetic-avatar-shell--header,
.cosmetic-avatar-shell--summary,
.cosmetic-avatar-shell--picker,
.cosmetic-avatar-shell--listing,
.cosmetic-avatar-shell--seller,
.cosmetic-avatar-shell--chat,
.cosmetic-avatar-shell--comment-small,
.cosmetic-avatar-shell--comment-medium{
    overflow:visible!important;
}

/* Keep the actual avatar crop independent from the frame overscan. */
.cosmetic-avatar-shell>.public-profile-avatar,
.cosmetic-avatar-shell>img:not(.cosmetic-avatar-frame__asset){
    object-fit:cover!important;
    border-radius:inherit!important;
}

/* -------------------------------------------------------------------------
 * Profile Dev Banner = full profile page background
 * ---------------------------------------------------------------------- */
body.profile-page .public-profile-section{
    position:relative!important;
    isolation:isolate!important;
    overflow:visible!important;
}
body.profile-page .public-profile-page-hero-viewport{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    overflow:hidden!important;
    pointer-events:none!important;
    z-index:0!important;
}
body.profile-page .public-profile-page-hero-viewport::after{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    z-index:2!important;
    pointer-events:none!important;
    background:linear-gradient(180deg,rgba(5,8,18,.08) 0%,rgba(5,8,18,.16) 42%,rgba(5,8,18,.28) 100%)!important;
}
body.profile-page .public-profile-page-hero-viewport>.public-profile-hero-art{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    min-width:0!important;
    min-height:0!important;
    max-width:none!important;
    max-height:none!important;
    margin:0!important;
    overflow:hidden!important;
    border-radius:0!important;
    opacity:1!important;
    pointer-events:none!important;
    z-index:1!important;
    transform:none!important;
}
body.profile-page .public-profile-page-hero-viewport>.public-profile-hero-art::before,
body.profile-page .public-profile-page-hero-viewport>.public-profile-hero-art::after{
    content:none!important;
    display:none!important;
}
body.profile-page .public-profile-page-hero-viewport .public-profile-hero-art__media,
body.profile-page .public-profile-page-hero-viewport .cosmetic-media-object,
body.profile-page .public-profile-page-hero-viewport .cosmetic-media-image{
    display:block!important;
    width:100%!important;
    height:100%!important;
    min-width:100%!important;
    min-height:100%!important;
    max-width:none!important;
    max-height:none!important;
    margin:0!important;
    object-fit:cover!important;
    object-position:center top!important;
    border-radius:0!important;
    transform:none!important;
    filter:none!important;
}
body.profile-page .public-profile-hero-stage,
body.profile-page .public-profile-content-container{
    position:relative!important;
    z-index:1!important;
}

/* Profile Banner remains restricted to the profile card. */
body.profile-page .public-profile-banner-viewport{
    position:absolute!important;
    inset:0!important;
    overflow:hidden!important;
    pointer-events:none!important;
    border-radius:inherit!important;
    z-index:0!important;
}
body.profile-page .public-profile-banner-viewport>.public-profile-banner-art{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    min-width:0!important;
    min-height:0!important;
    margin:0!important;
    overflow:hidden!important;
    border-radius:inherit!important;
}
body.profile-page .public-profile-banner-viewport .public-profile-banner-art__media,
body.profile-page .public-profile-banner-viewport .cosmetic-media-object,
body.profile-page .public-profile-banner-viewport .cosmetic-media-image{
    display:block!important;
    width:100%!important;
    height:100%!important;
    min-width:100%!important;
    min-height:100%!important;
    margin:0!important;
    object-fit:cover!important;
    object-position:center center!important;
}
body.profile-page .public-profile-header>.public-profile-top,
body.profile-page .public-profile-header>.public-profile-tabs{
    position:relative!important;
    z-index:2!important;
}

/* -------------------------------------------------------------------------
 * Profile route: keep the floating social panel visible above profile layers
 * ---------------------------------------------------------------------- */
body.profile-page .site-float-stack{
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
    position:fixed!important;
    left:16px!important;
    top:54%!important;
    right:auto!important;
    bottom:auto!important;
    transform:translate3d(0,-50%,0)!important;
    z-index:2147482000!important;
    pointer-events:none!important;
    overflow:visible!important;
}
body.profile-page .site-float-stack .site-social-float{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    position:relative!important;
    left:auto!important;
    top:auto!important;
    right:auto!important;
    bottom:auto!important;
    transform:none!important;
    z-index:2147482001!important;
    pointer-events:auto!important;
    overflow:visible!important;
}
body.profile-page .site-float-stack .site-social-float__inner,
body.profile-page .site-float-stack .site-social-float__backdrop,
body.profile-page .site-float-stack .site-social-float__action{
    visibility:visible!important;
    opacity:1!important;
}

@media (max-width:991px){
    body.profile-page .site-float-stack{
        left:10px!important;
        top:58%!important;
    }
    .cosmetic-avatar-shell>.cosmetic-avatar-frame,
    .cosmetic-avatar-frame{
        inset:-14%!important;
    }
}