/* =====================================================
   AMH ARTISTS PRO V2
   Fix image géante + grille premium Spotify-like
===================================================== */

.amh-artists-page{
  max-width:1800px;
  margin:24px auto 48px;
  padding:0 16px;
}

.amh-artists-hero{
  border-radius:28px;
  padding:34px;
  margin-bottom:22px;
  background:
    radial-gradient(circle at 12% 10%, rgba(240,212,122,.24), transparent 28%),
    radial-gradient(circle at 90% 20%, rgba(91,137,185,.22), transparent 34%),
    linear-gradient(135deg,#101b2a,#1c2d41 52%,#121e2e);
  color:#fff;
  box-shadow:0 24px 60px rgba(8,18,31,.20);
  overflow:hidden;
  position:relative;
}

.amh-artists-hero::after{
  content:'';
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(120deg, rgba(255,255,255,.12), transparent 34%, rgba(255,255,255,.06));
}

.amh-artists-hero > *{
  position:relative;
  z-index:1;
}

.amh-artists-title{
  margin:0;
  font-size:clamp(2rem,4vw,4.3rem);
  line-height:.95;
  letter-spacing:-.05em;
  font-weight:950;
}

.amh-artists-subtitle{
  margin-top:10px;
  color:#cdd8e5;
  font-size:1rem;
  font-weight:750;
}

.amh-artists-toolbar{
  margin-top:22px;
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  align-items:center;
}

.amh-artists-search{
  flex:1 1 320px;
  max-width:560px;
  min-height:48px;
  padding:0 16px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.13);
  background:rgba(255,255,255,.10);
  color:#fff;
  outline:none;
  font-weight:800;
}

.amh-artists-search::placeholder{
  color:#b9c8d8;
}

.amh-artists-count{
  display:inline-flex;
  align-items:center;
  min-height:42px;
  padding:0 14px;
  border-radius:999px;
  background:rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.10);
  color:#f0d47a;
  font-size:.9rem;
  font-weight:950;
}

.amh-artists-alpha{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin:0 0 22px;
}

.amh-artists-alpha button,
.amh-artists-alpha a{
  min-width:38px;
  height:38px;
  border-radius:999px;
  border:1px solid #dfe6ef;
  background:#fff;
  color:#25364a;
  font-weight:950;
  cursor:pointer;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  transition:.18s ease;
}

.amh-artists-alpha button:hover,
.amh-artists-alpha a:hover,
.amh-artists-alpha .active{
  background:linear-gradient(135deg,#c9a54c,#f0d47a);
  border-color:#c9a54c;
  color:#122033;
  transform:translateY(-1px);
}

.amh-artists-grid{
  display:grid;
  grid-template-columns:repeat(8,minmax(0,1fr));
  gap:16px;
}

.amh-artist-card,
.artist-card{
  display:block;
  min-width:0;
  border-radius:20px;
  overflow:hidden;
  background:#fff;
  border:1px solid #dfe6ef;
  box-shadow:0 12px 28px rgba(30,45,70,.08);
  transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
  text-decoration:none;
  color:#27364a;
}

.amh-artist-card:hover,
.artist-card:hover{
  transform:translateY(-4px);
  border-color:#d9a44b;
  box-shadow:0 18px 38px rgba(30,45,70,.14);
}

.amh-artist-card-media,
.artist-card-media{
  width:100%;
  aspect-ratio:1/1;
  overflow:hidden;
  background:
    radial-gradient(circle at 30% 20%, rgba(240,212,122,.28), transparent 28%),
    linear-gradient(135deg,#20364f,#6d89b4);
  position:relative;
}

.amh-artist-card img,
.artist-card img,
.amh-artist-card-media img,
.artist-card-media img{
  width:100% !important;
  height:100% !important;
  min-width:100% !important;
  max-width:100% !important;
  min-height:100% !important;
  max-height:100% !important;
  object-fit:cover !important;
  display:block !important;
  aspect-ratio:1/1;
}

.amh-artist-avatar-fallback,
.artist-avatar-fallback{
  width:100%;
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:clamp(2.4rem,4vw,4.8rem);
  font-weight:950;
  color:#fff;
  background:
    radial-gradient(circle at 20% 15%, rgba(240,212,122,.55), transparent 30%),
    linear-gradient(135deg,#20364f,#d9a44b);
}

.amh-artist-card-body,
.artist-card-body{
  padding:12px 13px 14px;
}

.amh-artist-card-title,
.artist-card-title{
  margin:0;
  font-size:.95rem;
  line-height:1.2;
  font-weight:950;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.amh-artist-card-meta,
.artist-card-meta{
  margin-top:5px;
  color:#6f8097;
  font-size:.78rem;
  font-weight:800;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.amh-artists-empty{
  display:none;
  padding:28px;
  border:1px dashed #cad5e4;
  border-radius:20px;
  color:#64748b;
  font-weight:900;
  text-align:center;
  background:#fff;
}

@media(max-width:1500px){
  .amh-artists-grid{grid-template-columns:repeat(7,minmax(0,1fr));}
}

@media(max-width:1280px){
  .amh-artists-grid{grid-template-columns:repeat(6,minmax(0,1fr));}
}

@media(max-width:1040px){
  .amh-artists-grid{grid-template-columns:repeat(5,minmax(0,1fr));}
}

@media(max-width:820px){
  .amh-artists-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;}
  .amh-artists-hero{padding:24px;border-radius:22px;}
}

@media(max-width:560px){
  .amh-artists-page{padding:0 10px;margin-top:16px;}
  .amh-artists-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
  .amh-artist-card-body,.artist-card-body{padding:10px;}
  .amh-artists-alpha{gap:5px;}
  .amh-artists-alpha button,.amh-artists-alpha a{min-width:34px;height:34px;font-size:.85rem;}
}