/* Refonte Podcasts V3 — direction éditoriale bleu nuit */
.podcasts-page .mzp-main{padding:34px 0 90px!important}
.podcasts-page .mzp-hero{width:min(1240px,calc(100% - 40px))!important;min-height:430px!important;margin:0 auto 34px!important;padding:clamp(38px,6vw,78px)!important;display:flex!important;align-items:center!important;place-items:initial!important;border:1px solid rgba(240,166,111,.28)!important;border-radius:38px!important;background:linear-gradient(90deg,rgba(23,16,25,.98) 0%,rgba(26,17,27,.93) 48%,rgba(240,166,111,.38) 100%),url('assets/podcast-cover-mehdi-zoghbi.jpg') right 35% center/52% auto no-repeat!important;box-shadow:0 38px 100px rgba(0,0,0,.52),inset 0 1px rgba(255,255,255,.08)!important}
.podcasts-page .mzp-hero:before{content:""!important;inset:0!important;width:auto!important;height:auto!important;border:0!important;border-radius:inherit!important;background:linear-gradient(90deg,transparent 48%,rgba(240,166,111,.12)),repeating-linear-gradient(90deg,transparent 0 14px,rgba(240,166,111,.06) 15px 16px)!important;mask:linear-gradient(90deg,transparent 45%,#000)!important;box-shadow:none!important}
.podcasts-page .mzp-hero:after{content:"ON AIR"!important;right:42px!important;bottom:20px!important;color:rgba(240,166,111,.12)!important;font-size:clamp(58px,10vw,126px)!important;letter-spacing:-.07em!important}
.podcasts-page .mzp-hero-content{max-width:630px!important;text-align:left!important}
.podcasts-page .mzp-eyebrow{padding:8px 13px!important;background:rgba(240,166,111,.14)!important}
.podcasts-page .mzp-hero h1{margin:22px 0 18px!important;font-size:clamp(48px,7vw,88px)!important;line-height:.91!important;letter-spacing:-.065em!important;text-align:left!important}
.podcasts-page .mzp-hero p{max-width:570px!important;margin:0!important;font-size:clamp(16px,1.55vw,19px)!important;text-align:left!important;color:rgba(245,224,213,.76)!important}
.podcasts-page .mzp-premium-meta{justify-content:flex-start!important;margin-top:28px!important}
.podcasts-page .mzp-premium-meta span{background:rgba(25,17,27,.76)!important;backdrop-filter:blur(12px)!important}

.podcasts-page .mzp-library--all{width:min(1240px,calc(100% - 40px))!important;margin:0 auto!important;padding:clamp(24px,3.6vw,44px)!important;border:1px solid rgba(240,166,111,.2)!important;border-radius:34px!important;background:linear-gradient(145deg,rgba(28,18,28,.93),rgba(23,16,25,.97))!important;box-shadow:0 35px 100px rgba(0,0,0,.42)!important}
.podcasts-page .mzp-library-head{display:grid!important;grid-template-columns:1fr auto!important;align-items:end!important;padding-bottom:26px!important;margin-bottom:20px!important}
.podcasts-page .mzp-library-head small{margin-bottom:9px!important;color:#f0a66f!important}
.podcasts-page .mzp-library-head h2{font-size:clamp(34px,4.5vw,58px)!important;letter-spacing:-.055em!important;line-height:1!important}
.podcasts-page .mzp-library-head p{margin-top:12px!important;font-size:15px!important;color:rgba(245,224,213,.65)!important}
.podcasts-page .mzp-count{padding:10px 16px!important;background:#1e141e!important;border-color:rgba(240,166,111,.32)!important}
.podcasts-page .mzp-toolbar{grid-template-columns:minmax(260px,1fr) 190px auto!important;margin-bottom:30px!important;padding:10px!important;border:1px solid rgba(240,166,111,.14)!important;border-radius:19px!important;background:rgba(23,16,25,.62)!important}
.podcasts-page .mzp-search,.podcasts-page .mzp-toolbar select{min-height:48px!important;border:0!important;background:rgba(240,166,111,.62)!important}

.podcasts-page .mzp-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important}
.podcasts-page .mzp-episode,.podcasts-page .mzp-episode--featured{display:grid!important;grid-template-columns:180px minmax(0,1fr)!important;grid-column:auto!important;min-height:190px!important;border:1px solid rgba(240,166,111,.2)!important;border-radius:24px!important;background:linear-gradient(145deg,rgba(240,166,111,.88),rgba(25,17,26,.96))!important;box-shadow:0 20px 50px rgba(0,0,0,.28)!important}
.podcasts-page .mzp-episode:first-child{grid-column:1/-1!important;grid-template-columns:minmax(340px,1.15fr) minmax(300px,.85fr)!important;min-height:350px!important;border-color:rgba(240,166,111,.38)!important;background:linear-gradient(135deg,rgba(240,166,111,.96),rgba(25,17,26,.98))!important}
.podcasts-page .mzp-episode .mzp-art,.podcasts-page .mzp-episode--featured .mzp-art{height:100%!important;min-height:190px!important;aspect-ratio:auto!important}
.podcasts-page .mzp-episode:first-child .mzp-art{min-height:350px!important}
.podcasts-page .mzp-episode .mzp-art img{height:100%!important;object-fit:cover!important}
.podcasts-page .mzp-episode .mzp-body,.podcasts-page .mzp-episode--featured .mzp-body{display:flex!important;flex-direction:column!important;justify-content:center!important;padding:22px!important;text-align:left!important}
.podcasts-page .mzp-episode:first-child .mzp-body{padding:clamp(28px,4vw,46px)!important}
.podcasts-page .mzp-episode h3,.podcasts-page .mzp-episode--featured h3{font-size:19px!important;line-height:1.24!important;text-align:left!important}
.podcasts-page .mzp-episode:first-child h3{font-size:clamp(27px,3.5vw,42px)!important;letter-spacing:-.04em!important}
.podcasts-page .mzp-episode p,.podcasts-page .mzp-episode--featured p{text-align:left!important;color:rgba(245,224,213,.62)!important}
.podcasts-page .mzp-episode:first-child p{font-size:15px!important;-webkit-line-clamp:4!important}
.podcasts-page .mzp-play-btn{width:auto!important;align-self:flex-start!important;gap:20px!important;padding:9px 10px 9px 18px!important;border-radius:999px!important;background:#f5f9ff!important;color:#1a111b!important;box-shadow:0 12px 28px rgba(0,0,0,.25)!important}
.podcasts-page .mzp-play-icon{background:#f0a66f!important;color:#fff!important}
.podcasts-page .mzp-episode:before{left:14px!important;top:14px!important;background:rgba(24,16,26,.82)!important;border-color:rgba(255,255,255,.18)!important}

.podcasts-page .mzp-player{left:50%!important;right:auto!important;width:min(920px,calc(100% - 28px))!important;transform:translateX(-50%)!important;grid-template-columns:64px minmax(0,1fr) auto!important;padding:10px 13px!important;border:1px solid rgba(240,166,111,.35)!important;border-radius:22px!important;background:rgba(24,16,26,.94)!important;box-shadow:0 25px 75px rgba(0,0,0,.68),0 0 36px rgba(240,166,111,.14)!important}
.podcasts-page .mzp-player-art{width:64px!important;height:64px!important;border-radius:15px!important}
.podcasts-page .mzp-player .mzp-now small{color:#f0a66f!important}
.podcasts-page .mzp-player-controls button.mzp-toggle{width:48px!important;height:48px!important;background:#fff!important;color:#1b121c!important}

@media(max-width:850px){
 .podcasts-page .mzp-hero{background:linear-gradient(rgba(23,16,25,.84),rgba(23,16,25,.96)),url('assets/podcast-cover-mehdi-zoghbi.jpg') center/cover no-repeat!important}
 .podcasts-page .mzp-grid{grid-template-columns:1fr!important}
 .podcasts-page .mzp-episode:first-child{grid-column:auto!important}
 .podcasts-page .mzp-toolbar{grid-template-columns:1fr!important}
 .podcasts-page .mzp-sync{grid-column:auto!important}
}
@media(max-width:620px){
 .podcasts-page .mzp-main{padding-top:16px!important}
 .podcasts-page .mzp-hero,.podcasts-page .mzp-library--all{width:calc(100% - 20px)!important;border-radius:25px!important}
 .podcasts-page .mzp-hero{min-height:400px!important;padding:30px 24px!important}
 .podcasts-page .mzp-hero h1{font-size:50px!important}
 .podcasts-page .mzp-library-head{grid-template-columns:1fr!important;gap:18px!important}
 .podcasts-page .mzp-episode,.podcasts-page .mzp-episode:first-child,.podcasts-page .mzp-episode--featured{display:block!important;min-height:0!important}
 .podcasts-page .mzp-episode .mzp-art,.podcasts-page .mzp-episode:first-child .mzp-art{height:auto!important;min-height:0!important;aspect-ratio:16/9!important}
 .podcasts-page .mzp-episode .mzp-body,.podcasts-page .mzp-episode:first-child .mzp-body{padding:20px!important}
 .podcasts-page .mzp-episode:first-child h3{font-size:25px!important}
 .podcasts-page .mzp-player{grid-template-columns:48px minmax(0,1fr) auto!important}
 .podcasts-page .mzp-player-art{width:48px!important;height:48px!important}
}
