/* DirectPlayer V6.7 — corrections visuelles ciblées d'après captures utilisateur. */

/* Formulaires de contribution : contraste et hiérarchie lisibles. */
.v4-submit-form .submit-form-head{
  background:#f5f8fc!important;
  color:#102f56!important;
  border-bottom:1px solid #e2e9f2!important;
  padding:22px 24px!important;
  align-items:center!important;
}
.v4-submit-form .submit-form-head>span{
  width:38px!important;height:38px!important;border-radius:11px!important;
  background:#e9f1ff!important;color:#0c5cf2!important;
  font-size:12px!important;font-weight:900!important;
}
.v4-submit-form .submit-form-head h3{
  color:#102f56!important;font-size:20px!important;line-height:1.15!important;
  margin:0 0 4px!important;font-weight:800!important;letter-spacing:-.02em!important;
}
.v4-submit-form .submit-form-head p{
  color:#708199!important;font-size:12px!important;line-height:1.45!important;margin:0!important;
}
.v4-submit-form .form-section-public{background:#fff!important}
.v4-submit-form .form-section-public h4{color:#163a64!important}

/* Player : reproduction plus fidèle de la maquette, sans bloc étiré illisible. */
:root{--player-h:92px}
.dp-player.dp-player-reference{height:92px!important;min-height:92px!important;background:#fff!important;border-top:1px solid #171717!important;box-shadow:0 -5px 20px rgba(0,0,0,.055)!important}
.dp-player-reference .dp-player-reference-shell{
  height:91px!important;
  display:grid!important;
  grid-template-columns:70px 44px minmax(260px,390px) minmax(330px,1fr) 170px 44px 44px!important;
  gap:14px!important;
  padding:0 16px!important;
}
.dp-player-reference .player-station-logo,
.dp-player-reference .player-station-logo .station-logo{
  width:70px!important;height:70px!important;min-width:70px!important;border-radius:11px!important;
}
.dp-player-reference .player-station-logo{background:#f4f4f4!important;overflow:hidden!important}
.dp-player-reference .player-station-logo .station-logo{object-fit:cover!important;padding:0!important;border:0!important;box-shadow:none!important}
.dp-player-reference .player-play{width:44px!important;height:44px!important;background:#d9274c!important}
.dp-player-reference .player-meta{padding-right:4px!important}
.dp-player-reference .player-name{font-size:13px!important;color:#777!important;font-weight:520!important}
.dp-player-reference .player-track{font-size:11.5px!important;color:#111!important;font-weight:760!important;margin-top:6px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.dp-player-reference .player-signal-dot{width:7px!important;height:7px!important;flex-basis:7px!important;background:#f1b6c2!important}
.dp-player-reference[data-state="playing"] .player-signal-dot{background:#d9274c!important}

.dp-player-reference .player-visuals{
  height:91px!important;align-self:stretch!important;display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;overflow:hidden!important;
  border-left:1px solid #f1f1f1!important;border-right:1px solid #f1f1f1!important;background:#fafafa!important;
}
.dp-player-reference .player-visual-card{
  height:91px!important;position:relative!important;background-size:cover!important;background-position:center!important;
  filter:blur(1.6px) saturate(.82)!important;opacity:.34!important;transform:scale(1.035)!important;
  border-top:2px solid rgba(217,39,76,.72)!important;border-right:1px solid rgba(255,255,255,.7)!important;
}
.dp-player-reference .player-visual-card:after{content:""!important;position:absolute!important;inset:0!important;background:rgba(255,255,255,.34)!important}
.dp-player-reference .player-visual-card.has-image{opacity:.40!important;filter:blur(1.35px) saturate(.9)!important}
.dp-player-reference .player-visual-card.has-image:after{background:rgba(255,255,255,.31)!important}
.dp-player-reference .player-visual-card:nth-child(3){opacity:.48!important;filter:blur(.8px) saturate(.95)!important}
.dp-player-reference .player-visual-card:nth-child(3):after{background:rgba(255,255,255,.22)!important}

.dp-player-reference .player-volume{width:170px!important;gap:8px!important}
.dp-player-reference .player-volume input{width:126px!important}
.dp-player-reference .player-round-action{width:44px!important;height:44px!important;background:#050505!important;color:#fff!important}
.dp-player-reference .player-round-action:hover:not(:disabled){background:#202020!important}

@media(max-width:1180px){
  .dp-player-reference .dp-player-reference-shell{grid-template-columns:62px 42px minmax(220px,320px) minmax(220px,1fr) 128px 42px 42px!important;gap:11px!important;padding:0 11px!important}
  .dp-player-reference .player-station-logo,.dp-player-reference .player-station-logo .station-logo{width:62px!important;height:62px!important;min-width:62px!important}
  .dp-player-reference .player-volume{width:128px!important}.dp-player-reference .player-volume input{width:90px!important}
}
@media(max-width:920px){
  :root{--player-h:82px}
  .dp-player.dp-player-reference{height:82px!important;min-height:82px!important}
  .dp-player-reference .dp-player-reference-shell{height:81px!important;grid-template-columns:58px 42px minmax(180px,1fr) 110px 40px 40px!important;gap:9px!important}
  .dp-player-reference .player-station-logo,.dp-player-reference .player-station-logo .station-logo{width:58px!important;height:58px!important;min-width:58px!important}
  .dp-player-reference .player-visuals{display:none!important}
  .dp-player-reference .player-volume{width:110px!important}.dp-player-reference .player-volume input{width:74px!important}
  .dp-player-reference .player-round-action{width:40px!important;height:40px!important}
}
@media(max-width:650px){
  :root{--player-h:76px}
  .dp-player.dp-player-reference{height:76px!important;min-height:76px!important}
  .dp-player-reference .dp-player-reference-shell{height:75px!important;grid-template-columns:50px 40px minmax(0,1fr) 38px!important;gap:8px!important;padding:0 9px!important}
  .dp-player-reference .player-station-logo,.dp-player-reference .player-station-logo .station-logo{width:50px!important;height:50px!important;min-width:50px!important;border-radius:9px!important}
  .dp-player-reference .player-volume,.dp-player-reference .player-info{display:none!important}
  .dp-player-reference .player-share-wrap,.dp-player-reference .player-share{width:38px!important;height:38px!important}
  .dp-player-reference .player-name{font-size:11px!important}.dp-player-reference .player-track{font-size:10px!important;margin-top:4px!important}
}