/* HallowixStudios V42 — exact nav avatar ring + no fallback-media flash. */

/* AUTHENTICATED NAV AVATAR
   Keep exactly the same outer geometry as the default .icon-btn user button.
   The button owns the 1px ring; the photo fills the inside without creating a
   second, smaller circumference. */
html body #navWrap.nav-wrap .nav-actions > .hallowix-profile-btn{
  box-sizing:border-box!important;
  position:relative!important;
  width:40px!important;
  height:40px!important;
  min-width:40px!important;
  max-width:40px!important;
  min-height:40px!important;
  max-height:40px!important;
  flex:0 0 40px!important;
  aspect-ratio:1 / 1!important;
  padding:0!important;
  border-radius:50%!important;
  overflow:visible!important;
}
html body #navWrap.nav-wrap .nav-actions > .hallowix-profile-btn > .hallowix-profile-avatar{
  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;
  aspect-ratio:1 / 1!important;
  box-sizing:border-box!important;
  display:block!important;
  object-fit:cover!important;
  object-position:center!important;
  border:0!important;
  border-radius:inherit!important;
  clip-path:none!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
}
@media(max-width:460px){
  html body #navWrap.nav-wrap .nav-actions > .hallowix-profile-btn{
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
    max-width:36px!important;
    min-height:36px!important;
    max-height:36px!important;
    flex-basis:36px!important;
  }
}

/* ADMIN-CONTROLLED SITE MEDIA
   The static fallback asset is intentionally present in HTML for resilience,
   but stays invisible until the runtime has resolved the cached/fresh admin
   setting. This prevents the default image flashing before the chosen image. */
img[data-site-media-slot]:not(.hx-site-media-resolved){
  opacity:0!important;
}
img[data-site-media-slot].hx-site-media-resolved{
  opacity:1!important;
  transition:opacity .16s ease!important;
}
[data-site-media-slot][data-site-media-bg]:not(.hx-site-media-resolved) > .hx-site-media-backdrop .hx-site-media-backdrop-image{
  opacity:0!important;
}
[data-site-media-slot][data-site-media-bg].hx-site-media-resolved > .hx-site-media-backdrop .hx-site-media-backdrop-image{
  opacity:var(--hx-site-media-opacity,.45)!important;
  transition:opacity .18s ease!important;
}
@media(prefers-reduced-motion:reduce){
  img[data-site-media-slot].hx-site-media-resolved,
  [data-site-media-slot][data-site-media-bg].hx-site-media-resolved > .hx-site-media-backdrop .hx-site-media-backdrop-image{
    transition:none!important;
  }
}