/* DirectPlayer 10.2.9 — catégories visuelles + partage mobile + couverture radio par défaut */

/* CATÉGORIES
   Cartes carrées, visuel de fond flouté, nom en bas à gauche.
   L'image studio DirectPlayer est utilisée automatiquement lorsqu'une catégorie n'a pas d'image. */
.genre-grid-v1029{
  display:grid!important;
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:20px!important;
}
.genre-card-v1029{
  display:block!important;
  min-width:0!important;
  color:#fff!important;
  text-decoration:none!important;
  border:0!important;
  border-radius:30px!important;
  background:#10161d!important;
  box-shadow:0 12px 30px rgba(17,35,52,.10)!important;
  overflow:hidden!important;
  transform:translateZ(0);
  transition:transform .2s ease,box-shadow .2s ease!important;
}
.genre-card-v1029:hover{
  transform:translateY(-3px)!important;
  box-shadow:0 18px 38px rgba(17,35,52,.16)!important;
}
.genre-card-v1029-media{
  position:relative!important;
  display:block!important;
  width:100%!important;
  aspect-ratio:1 / 1!important;
  overflow:hidden!important;
  border-radius:inherit!important;
  isolation:isolate!important;
  background:#152536!important;
}
.genre-card-v1029-media>img{
  position:absolute!important;
  inset:-8%!important;
  width:116%!important;
  height:116%!important;
  max-width:none!important;
  object-fit:cover!important;
  transform:scale(1.04)!important;
  filter:blur(9px) saturate(.86) contrast(.98) brightness(.74)!important;
  z-index:0!important;
}
.genre-card-v1029-color{
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  background:var(--genre-color,#314a70)!important;
  opacity:.22!important;
  pointer-events:none!important;
}
.genre-card-v1029-shade{
  position:absolute!important;
  inset:0!important;
  z-index:2!important;
  background:
    radial-gradient(circle at 72% 13%,rgba(255,255,255,.24),transparent 35%),
    linear-gradient(180deg,rgba(6,12,19,.04) 20%,rgba(6,12,19,.18) 55%,rgba(6,12,19,.78) 100%)!important;
  pointer-events:none!important;
}
.genre-card-v1029 strong{
  position:absolute!important;
  left:30px!important;
  right:24px!important;
  bottom:28px!important;
  z-index:3!important;
  display:block!important;
  color:#fff!important;
  font-size:clamp(18px,1.45vw,27px)!important;
  line-height:1.05!important;
  font-weight:800!important;
  letter-spacing:-.025em!important;
  white-space:normal!important;
  text-shadow:0 2px 16px rgba(0,0,0,.30)!important;
}

/* PARTAGE DU PLAYER MOBILE
   iOS/Android utilisent navigator.share via app.js. Ce panneau reste un fallback sûr. */
@media(max-width:720px){
  .dp-player-reference .player-share-menu,
  .dp-player-v69 .player-share-menu{
    position:fixed!important;
    left:12px!important;
    right:12px!important;
    bottom:calc(90px + env(safe-area-inset-bottom,0px))!important;
    width:auto!important;
    max-width:none!important;
    box-sizing:border-box!important;
    transform:none!important;
    z-index:100000!important;
  }
}

@media(max-width:1280px){.genre-grid-v1029{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:16px!important}}
@media(max-width:1080px){.genre-grid-v1029{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media(max-width:820px){.genre-grid-v1029{grid-template-columns:repeat(3,minmax(0,1fr))!important}.genre-card-v1029{border-radius:24px!important}.genre-card-v1029 strong{left:20px!important;right:18px!important;bottom:20px!important;font-size:20px!important}}
@media(max-width:600px){.directory-list-section-v1029{padding-left:16px!important;padding-right:16px!important}.genre-grid-v1029{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}.genre-card-v1029{border-radius:20px!important}.genre-card-v1029 strong{left:15px!important;right:13px!important;bottom:15px!important;font-size:16px!important}.genre-card-v1029-media>img{filter:blur(7px) saturate(.86) brightness(.74)!important}}