/* =====================================================
   AMH V11 ULTRA — Dominant Color + Genre Mood
===================================================== */

:root{
  --amh-v11-rgb:217,164,75;
  --amh-v11-main:rgba(217,164,75,1);
  --amh-v11-soft:rgba(217,164,75,.18);
  --amh-v11-mid:rgba(217,164,75,.34);
  --amh-v11-glow:rgba(217,164,75,.46);
}

/* Genre moods */
html[data-amh-mood="gospel"]{
  --amh-v11-main:rgba(240,196,84,1);
  --amh-v11-soft:rgba(240,196,84,.16);
  --amh-v11-mid:rgba(240,196,84,.30);
  --amh-v11-glow:rgba(240,196,84,.42);
}

html[data-amh-mood="kompa"]{
  --amh-v11-main:rgba(85,137,190,1);
  --amh-v11-soft:rgba(85,137,190,.16);
  --amh-v11-mid:rgba(85,137,190,.30);
  --amh-v11-glow:rgba(85,137,190,.42);
}

html[data-amh-mood="rap"]{
  --amh-v11-main:rgba(180,93,112,1);
  --amh-v11-soft:rgba(180,93,112,.16);
  --amh-v11-mid:rgba(180,93,112,.30);
  --amh-v11-glow:rgba(180,93,112,.42);
}

html[data-amh-mood="rasin"]{
  --amh-v11-main:rgba(111,150,93,1);
  --amh-v11-soft:rgba(111,150,93,.16);
  --amh-v11-mid:rgba(111,150,93,.30);
  --amh-v11-glow:rgba(111,150,93,.42);
}

html[data-amh-mood="jazz"]{
  --amh-v11-main:rgba(112,100,190,1);
  --amh-v11-soft:rgba(112,100,190,.16);
  --amh-v11-mid:rgba(112,100,190,.30);
  --amh-v11-glow:rgba(112,100,190,.42);
}

.amh-hero{
  box-shadow:
    inset 0 -80px 130px rgba(0,0,0,.20),
    0 0 0 1px rgba(255,255,255,.06);
}

.amh-v11-aura{
  position:absolute;
  inset:-30%;
  z-index:1;
  pointer-events:none;
  background:
    radial-gradient(circle at 22% 22%, var(--amh-v11-mid), transparent 26%),
    radial-gradient(circle at 80% 28%, var(--amh-v11-soft), transparent 30%),
    radial-gradient(circle at 50% 100%, var(--amh-v11-glow), transparent 34%);
  opacity:.86;
  mix-blend-mode:screen;
  filter:blur(8px);
  animation:amhV11AuraMove 14s ease-in-out infinite alternate;
}

@keyframes amhV11AuraMove{
  from{transform:translate3d(-1.5%, -1%, 0) scale(1)}
  to{transform:translate3d(1.5%, 1%, 0) scale(1.04)}
}

.amh-v11-color-pop .amh-v11-aura{
  animation:amhV11AuraPop .42s ease both, amhV11AuraMove 14s ease-in-out infinite alternate .42s;
}

@keyframes amhV11AuraPop{
  from{opacity:.35;filter:blur(18px);transform:scale(1.08)}
  to{opacity:.86;filter:blur(8px);transform:scale(1)}
}

.amh-name{
  text-shadow:
    0 12px 30px rgba(0,0,0,.34),
    0 0 32px var(--amh-v11-soft);
}

.amh-badge,
.amh-streaming a,
.amh-tool-btn{
  border-color:rgba(255,255,255,.16) !important;
  box-shadow:
    0 10px 24px rgba(0,0,0,.16),
    0 0 18px var(--amh-v11-soft);
}

.amh-discog-pill.active,
.amh-view-btn.active{
  background:linear-gradient(135deg, rgba(var(--amh-v11-rgb),.96), rgba(32,54,80,.96)) !important;
  box-shadow:0 12px 28px var(--amh-v11-soft);
}

.amh-discog-album.active,
.amh-discog-album.v10-active-glow{
  border-color:var(--amh-v11-main) !important;
  box-shadow:
    0 14px 34px rgba(37,54,75,.15),
    0 0 0 4px var(--amh-v11-soft),
    0 0 28px var(--amh-v11-soft) !important;
}

.amh-selected-cover{
  box-shadow:
    0 16px 34px rgba(34,52,76,.16),
    0 0 38px var(--amh-v11-soft) !important;
}

.amh-selected-title::after{
  content:'';
  display:block;
  width:68px;
  height:4px;
  margin-top:10px;
  border-radius:999px;
  background:linear-gradient(90deg, var(--amh-v11-main), transparent);
}

.amh-track.has-audio:hover,
.amh-track:hover{
  background:var(--amh-v11-soft) !important;
}

.amh-track-playable:hover,
.amh-bio-readmore{
  color:var(--amh-v11-main) !important;
}

.amh-reco-card:hover,
.amh-similar-card:hover{
  border-color:var(--amh-v11-main) !important;
  box-shadow:
    0 16px 32px rgba(37,54,75,.14),
    0 0 24px var(--amh-v11-soft) !important;
}

/* Header subtle sync */
.amh-topbar{
  box-shadow:
    0 24px 60px rgba(8,18,31,.28),
    0 0 36px var(--amh-v11-soft),
    inset 0 1px 0 rgba(255,255,255,.10) !important;
}

.amh-nav-link.active{
  background:linear-gradient(135deg, var(--amh-v11-main), var(--amh-gold-2)) !important;
}

/* Footer player glow if present */
.amh-spotify-player{
  box-shadow:
    0 12px 28px rgba(0,0,0,.22),
    0 0 30px var(--amh-v11-soft) !important;
}

@media(max-width:760px){
  .amh-v11-aura{opacity:.55;filter:blur(14px)}
}
