/* DirectPlayer 7.8 — annuaire radios + spot propre */

/* Annuaire : on évite l'effet gros pavé / colonne de filtres. */
.radios-index-hero-v76{
  max-width:1480px!important;
  margin:0 auto!important;
  padding:34px 32px 0!important;
  grid-template-columns:1fr!important;
  gap:0!important;
}
.radios-index-hero-v76:before{
  inset:18px 32px 0!important;
  border-radius:24px!important;
  background:
    radial-gradient(circle at 82% 16%,rgba(111,170,215,.17),transparent 28%),
    linear-gradient(120deg,#071728 0%,#0d2d49 58%,#173f63 100%)!important;
}
.radios-index-hero-v76:after{right:8%!important;top:-210px!important;opacity:.75!important}
.radios-index-count-v76{
  position:absolute!important;
  right:62px!important;
  top:48px!important;
  margin:0!important;
  padding:0!important;
  display:inline-flex!important;
  flex-direction:row!important;
  align-items:center!important;
  gap:7px!important;
  z-index:2!important;
  color:#fff!important;
  background:rgba(255,255,255,.08)!important;
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:999px!important;
  padding:8px 11px!important;
  backdrop-filter:blur(8px)!important;
}
.radios-index-count-v76 strong{font-size:13px!important;line-height:1!important;letter-spacing:0!important}
.radios-index-count-v76 span{margin:0!important;color:#a9c9e1!important;font-size:8px!important;letter-spacing:.12em!important}
.radios-index-copy-v76{padding:54px 38px 42px!important;max-width:900px!important}
.radios-index-copy-v76 .eyebrow{font-size:9px!important;letter-spacing:.2em!important}
.radios-index-copy-v76 h1{font-size:clamp(46px,5vw,72px)!important}
.radios-index-copy-v76>p:last-child{max-width:680px!important;font-size:14px!important;color:#c3d3df!important}

.catalog-layout-v76{
  max-width:1440px!important;
  margin:0 auto!important;
  padding:26px 32px 70px!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:20px!important;
}
.catalog-layout-v76 .filters-v76{
  position:static!important;
  display:grid!important;
  grid-template-columns:minmax(260px,1.35fr) minmax(190px,.65fr) minmax(190px,.65fr) auto!important;
  align-items:end!important;
  gap:12px!important;
  padding:14px!important;
  border-radius:15px!important;
  box-shadow:0 8px 26px rgba(20,48,76,.045)!important;
}
.catalog-layout-v76 .filters-v76 label{gap:0!important}
.catalog-layout-v76 .filters-v76 input,
.catalog-layout-v76 .filters-v76 select{height:46px!important;border-radius:10px!important}
.catalog-layout-v76 .filters-v76 .button{height:46px!important;border-radius:10px!important;padding-inline:25px!important;background:#1f527f!important}
.catalog-layout-v76 .catalog-meta{margin:4px 0 14px!important;padding:0 2px!important}
.catalog-layout-v76 .catalog-meta strong{font-size:11px!important;letter-spacing:.04em!important;text-transform:uppercase!important;color:#61758a!important}
.catalog-layout-v76 .catalog-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px!important}
.catalog-layout-v76 .station-card{border-radius:16px!important}
.catalog-layout-v76 .station-card .station-art{height:142px!important}
.catalog-layout-v76 .station-card-body{min-height:72px!important}

@media(max-width:1180px){
  .catalog-layout-v76 .catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .catalog-layout-v76 .filters-v76{grid-template-columns:1fr 1fr 1fr auto!important}
}
@media(max-width:900px){
  .radios-index-hero-v76{padding:24px 18px 0!important}
  .radios-index-hero-v76:before{inset:10px 18px 0!important}
  .radios-index-count-v76{right:38px!important;top:28px!important}
  .radios-index-copy-v76{padding:58px 28px 30px!important}
  .catalog-layout-v76{padding:22px 18px 60px!important}
  .catalog-layout-v76 .filters-v76{grid-template-columns:1fr 1fr!important}
  .catalog-layout-v76 .filters-v76 .button{grid-column:1/-1!important}
  .catalog-layout-v76 .catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:560px){
  .radios-index-hero-v76{padding-inline:10px!important}
  .radios-index-hero-v76:before{inset:8px 10px 0!important;border-radius:18px!important}
  .radios-index-count-v76{right:24px!important;top:22px!important}
  .radios-index-copy-v76{padding:56px 20px 25px!important}
  .radios-index-copy-v76 h1{font-size:42px!important}
  .radios-index-copy-v76>p:last-child{font-size:12px!important}
  .catalog-layout-v76{padding:18px 12px 50px!important}
  .catalog-layout-v76 .filters-v76{grid-template-columns:1fr!important;padding:12px!important}
  .catalog-layout-v76 .filters-v76 .button{grid-column:auto!important;width:100%!important}
  .catalog-layout-v76 .catalog-grid{gap:11px!important}
  .catalog-layout-v76 .station-card .station-art{height:118px!important}
}
@media(max-width:380px){.catalog-layout-v76 .catalog-grid{grid-template-columns:1fr!important}}

/* Spot : texte plus direct, sans bloc explicatif inutile. */
.spot-content-v76{grid-template-columns:minmax(220px,.48fr) minmax(440px,1fr)!important}
.spot-intro-v76{padding-top:16px!important}
.spot-intro-v76 h2{margin-bottom:0!important}
@media(max-width:900px){.spot-content-v76{grid-template-columns:1fr!important}.spot-intro-v76{padding-top:0!important}}