/* RADIO GRIND — Stage 11: Author / Album Page Templates SAFE
   Only visual layer. Do not change JS hooks, player-data, API, media.php or card markup. */

body[class*="rg-page-template-"] [data-rg-page="artist"] > .card:first-of-type,
body[class*="rg-page-template-"] [data-rg-page="album"] > .card:first-of-type{
  position:relative;
  border-color:rgba(255,255,255,.12)!important;
  background:linear-gradient(135deg, rgba(255,255,255,.075), rgba(255,255,255,.025))!important;
  box-shadow:var(--shadow1, 0 18px 55px rgba(0,0,0,.38));
}

body[class*="rg-page-template-"] [data-rg-page="artist"] .artist-avatar,
body[class*="rg-page-template-"] [data-rg-page="album"] .album-cover{
  flex:0 0 auto;
}

body[class*="rg-page-template-"] [data-rg-page="artist"] .album-card,
body[class*="rg-page-template-"] [data-rg-page="album"] .track-card,
body[class*="rg-page-template-"] [data-rg-page="artist"] .track-card{
  transition:transform .18s ease, border-color .18s ease, box-shadow .18s ease, background .18s ease;
}

body[class*="rg-page-template-"] [data-rg-page="artist"] .album-card:hover,
body[class*="rg-page-template-"] [data-rg-page="album"] .track-card:hover,
body[class*="rg-page-template-"] [data-rg-page="artist"] .track-card:hover{
  transform:translateY(-2px);
  border-color:rgba(255,255,255,.18)!important;
  box-shadow:var(--shadow1, 0 18px 55px rgba(0,0,0,.36));
}

/* Cinematic Profile */
body.rg-page-template-cinematic-profile [data-rg-page="artist"] > .card:first-of-type,
body.rg-page-template-cinematic-profile [data-rg-page="album"] > .card:first-of-type{
  overflow:hidden;
  background:
    radial-gradient(720px 260px at 20% 0%, var(--accentSoft, rgba(124,92,255,.26)), transparent 62%),
    linear-gradient(135deg, rgba(255,255,255,.09), rgba(255,255,255,.025))!important;
}

body.rg-page-template-cinematic-profile [data-rg-page="artist"] > .card:first-of-type::before,
body.rg-page-template-cinematic-profile [data-rg-page="album"] > .card:first-of-type::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(90deg, rgba(255,255,255,.09), transparent 34%, rgba(255,255,255,.035));
  opacity:.7;
}

body.rg-page-template-cinematic-profile [data-rg-page="artist"] > .card:first-of-type > *,
body.rg-page-template-cinematic-profile [data-rg-page="album"] > .card:first-of-type > *{position:relative;z-index:1;}

body.rg-page-template-cinematic-profile [data-rg-page="artist"] .artist-avatar,
body.rg-page-template-cinematic-profile [data-rg-page="album"] .album-cover{
  transform:scale(1.06);
  filter:drop-shadow(0 20px 36px rgba(0,0,0,.42));
}

body.rg-page-template-cinematic-profile [data-rg-page="artist"] .album-card-cover{
  min-height:210px;
}

body.rg-page-template-cinematic-profile [data-rg-page="artist"] .album-card,
body.rg-page-template-cinematic-profile [data-rg-page="artist"] .track-card,
body.rg-page-template-cinematic-profile [data-rg-page="album"] .track-card{
  background:linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.026))!important;
}

/* Compact Catalog */
body.rg-page-template-compact-catalog [data-rg-page="artist"],
body.rg-page-template-compact-catalog [data-rg-page="album"]{
  padding-top:1rem!important;
}

body.rg-page-template-compact-catalog [data-rg-page="artist"] > .card:first-of-type,
body.rg-page-template-compact-catalog [data-rg-page="album"] > .card:first-of-type{
  margin-bottom:1rem!important;
}

body.rg-page-template-compact-catalog [data-rg-page="artist"] > .card:first-of-type .p-4,
body.rg-page-template-compact-catalog [data-rg-page="album"] > .card:first-of-type .p-4{
  padding:1rem!important;
}

body.rg-page-template-compact-catalog [data-rg-page="artist"] .artist-avatar,
body.rg-page-template-compact-catalog [data-rg-page="album"] .album-cover{
  width:86px!important;
  height:86px!important;
}

body.rg-page-template-compact-catalog [data-rg-page="artist"] .row.g-3,
body.rg-page-template-compact-catalog [data-rg-page="album"] .row.g-3{
  --bs-gutter-x:.75rem;
  --bs-gutter-y:.75rem;
}

body.rg-page-template-compact-catalog [data-rg-page="artist"] .album-card-inner{
  gap:.75rem;
}

body.rg-page-template-compact-catalog [data-rg-page="artist"] .album-card-cover{
  width:86px;
  min-width:86px;
}

/* Editorial Showcase */
body.rg-page-template-editorial-showcase [data-rg-page="artist"] > .card:first-of-type,
body.rg-page-template-editorial-showcase [data-rg-page="album"] > .card:first-of-type{
  border-left:3px solid var(--accent, rgba(124,92,255,.85))!important;
  background:
    linear-gradient(90deg, var(--accentSoft, rgba(124,92,255,.18)), transparent 42%),
    rgba(0,0,0,.64)!important;
}

body.rg-page-template-editorial-showcase [data-rg-page="artist"] .h5,
body.rg-page-template-editorial-showcase [data-rg-page="album"] .album-reorder-note{
  letter-spacing:.08em;
  text-transform:uppercase;
}

body.rg-page-template-editorial-showcase [data-rg-page="artist"] .h5::after{
  content:"";
  display:block;
  width:72px;
  height:2px;
  margin-top:.55rem;
  background:linear-gradient(90deg, var(--accent, rgba(124,92,255,.85)), transparent);
}

body.rg-page-template-editorial-showcase [data-rg-page="artist"] .album-card,
body.rg-page-template-editorial-showcase [data-rg-page="artist"] .track-card,
body.rg-page-template-editorial-showcase [data-rg-page="album"] .track-card{
  border-top-color:var(--accentSoft, rgba(124,92,255,.28))!important;
}

@media (max-width: 575.98px){
  body.rg-page-template-cinematic-profile [data-rg-page="artist"] .artist-avatar,
  body.rg-page-template-cinematic-profile [data-rg-page="album"] .album-cover{
    transform:none;
  }
  body.rg-page-template-compact-catalog [data-rg-page="artist"] .artist-avatar,
  body.rg-page-template-compact-catalog [data-rg-page="album"] .album-cover{
    width:74px!important;
    height:74px!important;
  }
}