/* DirectPlayer 7.5 — header responsive + progression podcast réellement visible */

/*
 * Navigation : le menu complet n'a pas assez de place sur les écrans de type
 * laptop / petite fenêtre desktop. On bascule volontairement en menu compact
 * AVANT que CONTACT et la recherche puissent se chevaucher.
 */
@media (max-width:1760px){
  .site-header.v2-header{
    grid-template-columns:minmax(190px,250px) minmax(240px,1fr) 42px auto!important;
    gap:14px!important;
    padding-left:22px!important;
    padding-right:22px!important;
  }
  .site-header.v2-header .brand-logo img{
    width:min(230px,20vw)!important;
    max-width:100%!important;
  }
  .site-header.v2-header .mobile-menu{
    display:flex!important;
    width:40px!important;
    height:40px!important;
    border:0!important;
    background:transparent!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:5px!important;
    order:3!important;
    padding:0!important;
  }
  .site-header.v2-header .mobile-menu span:not(.sr-only){
    width:22px!important;
    height:2px!important;
    flex:none!important;
    background:#162e48!important;
  }
  .site-header.v2-header .main-nav{
    position:absolute!important;
    top:100%!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    height:auto!important;
    display:none!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:4px!important;
    padding:12px 22px 16px!important;
    background:#fff!important;
    border-top:1px solid #e8edf2!important;
    box-shadow:0 18px 34px rgba(18,39,60,.11)!important;
    z-index:1200!important;
    overflow:visible!important;
  }
  .site-header.v2-header .main-nav.open{display:grid!important}
  .site-header.v2-header .main-nav a{
    min-width:0!important;
    height:44px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    padding:0 12px!important;
    border-radius:9px!important;
    font-size:11px!important;
    white-space:nowrap!important;
  }
  .site-header.v2-header .main-nav a.active:after{display:none!important}
  .site-header.v2-header .main-nav a.active{background:#f0f4f7!important}
  .site-header.v2-header .header-search{
    display:flex!important;
    justify-self:end!important;
    width:min(100%,430px)!important;
    max-width:430px!important;
    min-width:220px!important;
  }
  .site-header.v2-header .header-actions{order:4!important;white-space:nowrap!important}
}

@media (max-width:980px){
  .site-header.v2-header{
    grid-template-columns:minmax(0,1fr) 40px auto!important;
    gap:10px!important;
  }
  .site-header.v2-header .header-search{display:none!important}
  .site-header.v2-header .main-nav{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .site-header.v2-header .brand-logo img{width:190px!important;max-width:min(190px,58vw)!important}
}

@media (max-width:720px){
  .site-header.v2-header{padding-left:12px!important;padding-right:12px!important}
  .site-header.v2-header .brand-logo img{width:184px!important;max-width:56vw!important}
  .site-header.v2-header .main-nav{
    grid-template-columns:1fr!important;
    padding:8px 12px 12px!important;
    max-height:calc(100dvh - 68px)!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
  }
  .site-header.v2-header .main-nav a{height:43px!important;padding:0 11px!important}
  .site-header.v2-header .header-actions{gap:8px!important;padding-left:0!important;border-left:0!important}
}

@media (max-width:390px){
  .site-header.v2-header{grid-template-columns:minmax(0,1fr) 36px auto!important;gap:6px!important}
  .site-header.v2-header .brand-logo img{width:160px!important;max-width:52vw!important}
  .site-header.v2-header .mobile-menu{width:36px!important;height:36px!important}
  .site-header.v2-header .account-link{width:34px!important;height:34px!important}
}

/*
 * Podcast : la timeline devient une vraie seconde ligne du player.
 * Elle reste visible même avant que la durée du fichier soit connue.
 */
.dp-player.dp-player-reference.dp-player-v69[data-kind="podcast"]{
  height:118px!important;
  min-height:118px!important;
}
.dp-player-v69[data-kind="podcast"] .dp-player-reference-shell{
  height:118px!important;
  min-height:118px!important;
  padding-top:7px!important;
  padding-bottom:35px!important;
}
.dp-player-v69[data-kind="podcast"] .player-content{
  min-width:0!important;
  align-self:center!important;
  justify-content:center!important;
  padding-bottom:0!important;
}
.dp-player-v69[data-kind="podcast"] .player-podcast-progress,
.dp-player-v69[data-kind="podcast"] .player-podcast-progress[hidden]{
  display:grid!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
  position:absolute!important;
  left:148px!important;
  right:286px!important;
  bottom:9px!important;
  z-index:12!important;
  width:auto!important;
  max-width:none!important;
  min-width:0!important;
  min-height:26px!important;
  grid-template-columns:44px minmax(90px,1fr) 44px!important;
  align-items:center!important;
  gap:10px!important;
  margin:0!important;
}
.dp-player-v69[data-kind="podcast"] .player-podcast-progress span{
  display:block!important;
  color:#51647a!important;
  font-size:10px!important;
  line-height:1!important;
  font-weight:800!important;
  font-variant-numeric:tabular-nums!important;
  text-align:center!important;
  white-space:nowrap!important;
}
.dp-player-v69[data-kind="podcast"] .podcast-seek{
  -webkit-appearance:none!important;
  appearance:none!important;
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  width:100%!important;
  min-width:0!important;
  height:24px!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  cursor:pointer!important;
  touch-action:pan-x!important;
}
.dp-player-v69[data-kind="podcast"] .podcast-seek:disabled{
  opacity:1!important;
  cursor:default!important;
}
.dp-player-v69[data-kind="podcast"] .podcast-seek::-webkit-slider-runnable-track{
  height:7px!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,#2b5f91 0 var(--seek-progress,0%),#d7e0e9 var(--seek-progress,0%) 100%)!important;
  box-shadow:inset 0 0 0 1px rgba(31,64,96,.06)!important;
}
.dp-player-v69[data-kind="podcast"] .podcast-seek::-webkit-slider-thumb{
  -webkit-appearance:none!important;
  appearance:none!important;
  width:18px!important;
  height:18px!important;
  margin-top:-5.5px!important;
  border:3px solid #fff!important;
  border-radius:50%!important;
  background:#2b5f91!important;
  box-shadow:0 2px 8px rgba(25,65,105,.30)!important;
}
.dp-player-v69[data-kind="podcast"] .podcast-seek::-moz-range-track{
  height:7px!important;
  border:0!important;
  border-radius:999px!important;
  background:#d7e0e9!important;
}
.dp-player-v69[data-kind="podcast"] .podcast-seek::-moz-range-progress{
  height:7px!important;
  border-radius:999px!important;
  background:#2b5f91!important;
}
.dp-player-v69[data-kind="podcast"] .podcast-seek::-moz-range-thumb{
  width:13px!important;
  height:13px!important;
  border:3px solid #fff!important;
  border-radius:50%!important;
  background:#2b5f91!important;
  box-shadow:0 2px 8px rgba(25,65,105,.30)!important;
}
.dp-player-v69[data-kind="podcast"] .player-status{display:none!important}

@media (max-width:1240px){
  .dp-player-v69[data-kind="podcast"] .player-podcast-progress,
  .dp-player-v69[data-kind="podcast"] .player-podcast-progress[hidden]{
    left:126px!important;
    right:236px!important;
  }
}

@media (max-width:930px){
  .dp-player.dp-player-reference.dp-player-v69[data-kind="podcast"]{height:114px!important;min-height:114px!important}
  .dp-player-v69[data-kind="podcast"] .dp-player-reference-shell{height:114px!important;min-height:114px!important;padding-bottom:34px!important}
  .dp-player-v69[data-kind="podcast"] .player-podcast-progress,
  .dp-player-v69[data-kind="podcast"] .player-podcast-progress[hidden]{
    left:118px!important;
    right:104px!important;
    bottom:8px!important;
  }
}

@media (max-width:720px){
  :root{--player-h:112px!important}
  .dp-player.dp-player-reference.dp-player-v69[data-kind="podcast"]{height:112px!important;min-height:112px!important}
  .dp-player-v69[data-kind="podcast"] .dp-player-reference-shell{
    height:112px!important;
    min-height:112px!important;
    padding:7px 8px 34px!important;
    grid-template-columns:46px 38px minmax(0,1fr) 36px!important;
    gap:7px!important;
  }
  .dp-player-v69[data-kind="podcast"] .player-podcast-progress,
  .dp-player-v69[data-kind="podcast"] .player-podcast-progress[hidden]{
    left:96px!important;
    right:49px!important;
    bottom:7px!important;
    min-height:25px!important;
    grid-template-columns:34px minmax(50px,1fr) 34px!important;
    gap:5px!important;
  }
  .dp-player-v69[data-kind="podcast"] .player-podcast-progress span{font-size:8.5px!important}
  .dp-player-v69[data-kind="podcast"] .podcast-seek{height:24px!important}
}

@media (max-width:390px){
  .dp-player-v69[data-kind="podcast"] .player-podcast-progress,
  .dp-player-v69[data-kind="podcast"] .player-podcast-progress[hidden]{
    left:91px!important;
    right:45px!important;
    grid-template-columns:31px minmax(42px,1fr) 31px!important;
    gap:4px!important;
  }
}