/* ARETÉ · Artist profile accessibility and motion safety */

/* Keep decorative marks outside the spinning record area. */
html:has([data-artist-name]) .record-visual::after{
  content:none!important;
  display:none!important;
}

html:has([data-artist-name]) a:focus-visible,
html:has([data-artist-name]) button:focus-visible,
html:has([data-artist-name]) [role="button"]:focus-visible{
  outline:2px solid #edbd6b!important;
  outline-offset:3px!important;
  box-shadow:0 0 0 4px rgba(237,189,107,.18)!important;
}

html:has([data-artist-name]) .profile-nav .back,
html:has([data-artist-name]) .artist-links a,
html:has([data-artist-name]) .btn,
html:has([data-artist-name]) .date-row a{
  min-height:44px;
}

html:has([data-artist-name]) .public-page-lang button{
  min-width:40px!important;
  min-height:40px!important;
}

html:has([data-artist-name]) [aria-disabled="true"],
html:has([data-artist-name]) :disabled{
  cursor:not-allowed!important;
}

@media(max-width:720px){
  html:has([data-artist-name]) .artist-links a,
  html:has([data-artist-name]) .btn,
  html:has([data-artist-name]) .date-row a{
    width:100%;
    justify-content:space-between;
  }
}

@media(prefers-reduced-motion:reduce){
  html:has([data-artist-name]),
  html:has([data-artist-name]) *{
    scroll-behavior:auto!important;
  }

  html:has([data-artist-name]) *,
  html:has([data-artist-name]) *::before,
  html:has([data-artist-name]) *::after{
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
    transition-duration:.01ms!important;
    transition-delay:0ms!important;
  }

  html:has([data-artist-name]) .portrait:hover img,
  html:has([data-artist-name]) .btn:hover,
  html:has([data-artist-name]) .artist-links a:hover,
  html:has([data-artist-name]) .profile-nav .back:hover{
    transform:none!important;
  }
}