/* =============================================
   Happyness Pack — Public CSS (hp_home / player)
   ============================================= */

/* ─── ROOT RESET ────────────────────────────── */
.hp-home-wrap, .hp-home-wrap * { margin:0; padding:0; box-sizing:border-box; }
.hp-home-wrap { font-family:'Inter',sans-serif; color:#fff; background:#0a0a0a; -webkit-font-smoothing:antialiased; overflow-x:hidden; }
.hp-home-wrap.hp-player-only { background:transparent; min-height:0; padding:0; margin:0; }

/* ─── HERO ──────────────────────────────────── */
.hp-home-wrap .hp_hero { position:relative; width:100%; height:100dvh; padding-top:70px; box-sizing:border-box; background-size:cover; background-position:center 20%; display:flex; flex-direction:column; background-color:#000; }
.hp-home-wrap .hp_hero::before { content:''; position:absolute; inset:0; background:linear-gradient(to right,rgba(0,0,0,.85) 0%,rgba(0,0,0,.4) 50%,rgba(0,0,0,.6) 100%),linear-gradient(to top,rgba(0,0,0,.95) 0%,transparent 40%); z-index:1; pointer-events:none; }
.hp-home-wrap .hp_container { position:relative; z-index:2; width:90%; max-width:1200px; margin:0 auto; flex-grow:1; display:flex; align-items:center; justify-content:space-between; gap:30px; padding-bottom:50px; }
.hp-home-wrap .hp_show_info { flex:1; max-width:650px; }
.hp-home-wrap .hp_kicker { font-size:.85rem; font-weight:600; color:rgba(255,255,255,.8); text-transform:uppercase; letter-spacing:1.5px; margin-bottom:12px; display:flex; align-items:center; gap:10px; }
.hp-home-wrap .hp_visually_hidden { position:absolute; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; clip:rect(0,0,0,0); border:0; }
.hp-home-wrap .hp_show_logo { display:block; max-height:130px; width:auto; margin:0 0 15px 0; object-fit:contain; filter:drop-shadow(0 4px 15px rgba(0,0,0,.6)); transform-origin:left center; }
.hp-home-wrap .hp_subtitle { font-size:clamp(1rem,1.5vw,1.2rem); color:rgba(255,255,255,.9); font-weight:400; margin-bottom:25px; }
.hp-home-wrap .hp_live_badge { display:inline-flex; align-items:center; gap:6px; background:#e60000; color:#fff; padding:5px 12px; border-radius:50px; font-size:.7rem; font-weight:800; text-transform:uppercase; letter-spacing:1px; box-shadow:0 4px 12px rgba(230,0,0,.5); }
.hp-home-wrap .hp_dot { width:6px; height:6px; background:#fff; border-radius:50%; position:relative; }
.hp-home-wrap .hp_dot::after { content:''; position:absolute; inset:0; background:#fff; border-radius:50%; animation:hp_pulse 2s infinite; }
@keyframes hp_pulse { 0%{transform:scale(1);opacity:.8} 70%{transform:scale(2.5);opacity:0} 100%{transform:scale(1);opacity:0} }
.hp-home-wrap .hp_hidden { display:none !important; }
.hp-home-wrap .hp_btn { display:inline-flex; align-items:center; gap:8px; padding:12px 24px; border-radius:50px; font-size:.85rem; font-weight:700; letter-spacing:1px; text-transform:uppercase; text-decoration:none; transition:all .3s; cursor:pointer; border:none; }
.hp-home-wrap .hp_btn_primary { background:#e60000; color:#fff; box-shadow:0 6px 20px rgba(230,0,0,.5); }
.hp-home-wrap .hp_btn_primary:hover { transform:translateY(-2px); background:#fff; color:#e60000; }
.hp-home-wrap .hp_btn_secondary { background:rgba(20,20,20,.5); color:#fff; border:1px solid rgba(255,255,255,.1); backdrop-filter:blur(10px); }
.hp-home-wrap .hp_btn_secondary:hover { background:rgba(255,255,255,.2); transform:translateY(-2px); }
.hp-home-wrap .hp_top_actions { position:absolute; top:110px; right:5%; z-index:100000; display:flex; gap:10px; pointer-events:auto; }
.hp-home-wrap .hp_top_actions .hp_btn { padding:8px 16px; font-size:.75rem; }
.hp-home-wrap .hp_song_card { width:280px; background:rgba(20,20,20,.5); backdrop-filter:blur(20px); -webkit-backdrop-filter:blur(20px); border:1px solid rgba(255,255,255,.1); border-radius:20px; padding:15px; box-shadow:0 15px 35px rgba(0,0,0,.4); display:flex; flex-direction:column; gap:12px; flex-shrink:0; }
.hp-home-wrap .hp_song_card_header { display:flex; align-items:center; font-size:.7rem; font-weight:800; text-transform:uppercase; letter-spacing:1px; color:#e60000; }
.hp-home-wrap .hp_song_card_header_text { display:flex; align-items:center; gap:6px; }
.hp-home-wrap .hp_song_art_wrapper { position:relative; width:100%; }
.hp-home-wrap .hp_song_art { width:100%; aspect-ratio:1/1; border-radius:10px; object-fit:cover; background:#222; box-shadow:0 6px 15px rgba(0,0,0,.5); display:block; }
.hp-home-wrap .hp_hero_play_btn { position:absolute; bottom:15px; right:15px; background:#e60000; color:#fff; border:none; width:45px; height:45px; border-radius:50%; cursor:pointer; display:flex; align-items:center; justify-content:center; font-size:1.1rem; box-shadow:0 4px 15px rgba(230,0,0,.5); z-index:5; }
.hp-home-wrap .hp_hero_play_btn:hover { transform:scale(1.1); background:#fff; color:#e60000; }
.hp-home-wrap .hp_song_details { overflow:hidden; }
.hp-home-wrap .hp_song_details h3 { margin:0 0 3px 0; font-size:1.05rem; font-weight:800; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.hp-home-wrap .hp_song_details p { margin:0; font-size:.85rem; color:rgba(255,255,255,.7); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.hp-home-wrap .hp_progress_container { position:absolute; bottom:0; left:0; width:100%; height:4px; background:rgba(255,255,255,.1); z-index:10; }
.hp-home-wrap .hp_progress_bar { height:100%; width:0%; background:#e60000; transition:width 1s linear; box-shadow:0 0 10px rgba(230,0,0,.5); border-radius:0 2px 2px 0; }
.hp-home-wrap .hp_scroll_hint { position:absolute; bottom:150px; left:50%; transform:translateX(-50%); z-index:10; display:flex; flex-direction:column; align-items:center; gap:4px; color:rgba(255,255,255,.6); font-size:.7rem; text-transform:uppercase; letter-spacing:1.5px; font-weight:600; text-decoration:none; animation:hp_bounce 2s ease-in-out infinite; }
.hp-home-wrap .hp_scroll_hint i { font-size:1.2rem; color:#fff; }
.hp-home-wrap .hp_show_info .hp_kicker { animation:hp_fadeUp .8s ease-out .1s forwards; opacity:0; }
.hp-home-wrap .hp_show_info .hp_show_logo { animation:hp_fadeUp .8s ease-out .3s forwards; opacity:0; }
.hp-home-wrap .hp_show_info .hp_subtitle { animation:hp_fadeUp .8s ease-out .5s forwards; opacity:0; }
.hp-home-wrap .hp_song_card { animation:hp_fadeUp .8s ease-out .4s forwards; opacity:0; }
.hp-home-wrap .hp_top_actions { animation:hp_fadeUp .8s ease-out .2s forwards; opacity:0; }
@keyframes hp_fadeUp { from{opacity:0;transform:translateY(30px)} to{opacity:1;transform:translateY(0)} }

/* ─── À SUIVRE ──────────────────────────────── */
.hp-home-wrap .hp_upcoming_section { padding:40px 0 120px 0; background:#0a0a0a; width:100%; }
.hp-home-wrap .hp_header_up { width:90%; max-width:1200px; margin:0 auto 20px; display:flex; justify-content:space-between; align-items:center; }
.hp-home-wrap .hp_header_up h2 { margin:0; font-size:1.05rem; font-weight:800; text-transform:uppercase; letter-spacing:1px; color:#fff; display:flex; align-items:center; gap:8px; }
.hp-home-wrap .hp_header_up h2::before { content:''; display:block; width:8px; height:8px; background:#e60000; border-radius:50%; }
.hp-home-wrap .hp_carousel { width:90%; max-width:1200px; margin:0 auto; overflow:hidden; -webkit-mask-image:linear-gradient(to right,black 85%,transparent 100%); mask-image:linear-gradient(to right,black 85%,transparent 100%); }
.hp-home-wrap .hp_list { display:flex; gap:15px; transition:transform .6s cubic-bezier(.25,1,.5,1); will-change:transform; }
.hp-home-wrap .hp_card { width:320px; flex-shrink:0; background:rgba(255,255,255,.02); border:1px solid rgba(255,255,255,.1); border-radius:12px; padding:12px; display:flex; align-items:center; gap:12px; transition:all .3s; }
.hp-home-wrap .hp_card:hover { background:rgba(255,255,255,.08); border-color:rgba(255,255,255,.2); transform:translateY(-3px); }
.hp-home-wrap .hp_up_img { width:70px; height:70px; object-fit:cover; border-radius:8px; background:#222; }
.hp-home-wrap .hp_up_info { display:flex; flex-direction:column; overflow:hidden; }
.hp-home-wrap .hp_up_time { font-size:.7rem; color:#e60000; font-weight:800; letter-spacing:.5px; text-transform:uppercase; margin-bottom:3px; }
.hp-home-wrap .hp_up_show { font-size:.9rem; font-weight:700; color:#fff; line-height:1.2; }

/* ─── MINI PLAYER ───────────────────────────── */
.hp-home-wrap .radio-player { position:fixed !important; bottom:20px !important; left:50% !important; transform:translateX(-50%) !important; background:rgba(230,0,0,.95); backdrop-filter:blur(10px); color:#fff; display:flex; align-items:center; padding:10px 15px; border-radius:16px; box-shadow:0 10px 25px rgba(0,0,0,.3); width:95%; max-width:800px; height:80px; z-index:99990; cursor:pointer; box-sizing:border-box; }
.hp-home-wrap .radio-player img { width:50px; height:50px; border-radius:8px; margin-right:15px; object-fit:cover; }
.hp-home-wrap .song-details { flex-grow:1; display:flex; flex-direction:column; overflow:hidden; white-space:nowrap; }
.hp-home-wrap .song-details span { overflow:hidden; text-overflow:ellipsis; text-align:left; }
.hp-home-wrap .btn-icon { background:none; border:none; color:#fff; cursor:pointer; font-size:18px; width:44px; height:44px; display:flex; align-items:center; justify-content:center; border-radius:50%; transition:background .2s; }
.hp-home-wrap .btn-icon:hover { background:rgba(255,255,255,.1); }
.hp-home-wrap .btn-play-mini { background:#fff; color:#C10000; width:40px; height:40px; margin-right:10px; border-radius:50%; font-size:14px; }
.hp-home-wrap .loader-message { color:rgba(255,255,255,.6); font-size:.9rem; padding:20px 0; font-style:italic; }
.hp-home-wrap .hp_nav_btns { display:flex; gap:8px; }
.hp-home-wrap .hp_nav_btn { background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.1); color:#fff; width:38px; height:38px; border-radius:50%; cursor:pointer; transition:all .3s; display:flex; align-items:center; justify-content:center; font-size:.9rem; }
.hp-home-wrap .hp_nav_btn:hover { background:#e60000; border-color:#e60000; }


/* --- FULLSCREEN PLAYER --- */
.hp-home-wrap .fullscreen-overlay { position:fixed !important; left:0 !important; width:100vw !important; height:100dvh !important; background:#121212; z-index:999999; display:flex; flex-direction:column; top:100% !important; transition:top .4s cubic-bezier(.22,1,.36,1); }
.hp-home-wrap .fullscreen-overlay.open { top:0 !important; }
.hp-home-wrap .fullscreen-bg { position:absolute; top:0; left:0; width:100%; height:100%; background-size:cover; background-position:center; filter:blur(60px) brightness(.2); z-index:-1; }
.hp-home-wrap .fs-header { display:flex; justify-content:space-between; align-items:center; padding:10px 20px; flex-shrink:0; background:linear-gradient(to bottom,rgba(0,0,0,.3),transparent); z-index:10; height:60px; }
.hp-home-wrap .fs-header img.logo { height:28px; }
.hp-home-wrap .scrollable-content-wrapper { flex:1; overflow-y:auto; overflow-x:hidden; -webkit-overflow-scrolling:touch; display:flex; flex-direction:column; width:100%; }
.hp-home-wrap .player-section { flex-shrink:0; padding:0 20px 10px; display:flex; flex-direction:column; align-items:center; text-align:center; box-sizing:border-box; }
.hp-home-wrap .source-badge { background:#C10000; color:#fff; font-size:10px; font-weight:700; padding:4px 10px; border-radius:12px; text-transform:uppercase; letter-spacing:1px; margin-bottom:10px; display:inline-block; }
.hp-home-wrap .source-badge.podcast-mode { background:#6c5ce7; }
.hp-home-wrap .artwork-container { width:55vw; max-width:250px; aspect-ratio:1/1; margin-bottom:15px; position:relative; flex-shrink:0; margin-top:5px; }
.hp-home-wrap .artwork-img { width:100%; height:100%; border-radius:20px; box-shadow:0 10px 40px rgba(0,0,0,.5); object-fit:cover; transition:transform .5s; }
.hp-home-wrap .artwork-container.playing .artwork-img { transform:scale(1); }
.hp-home-wrap .artwork-container.paused .artwork-img { transform:scale(.9); opacity:.8; }
.hp-home-wrap .btn-return-overlay { position:absolute; top:10px; right:10px; background:rgba(0,0,0,.7); backdrop-filter:blur(5px); border:1px solid #C10000; color:#fff; padding:6px 12px; border-radius:20px; font-size:10px; font-weight:700; cursor:pointer; z-index:10; display:none; align-items:center; gap:5px; }
.hp-home-wrap .btn-return-overlay.visible { display:flex; }
.hp-home-wrap .fs-info { width:100%; padding:0 10px; box-sizing:border-box; margin-bottom:10px; }
.hp-home-wrap .fs-info h2 { font-size:20px; margin:0 0 5px; font-weight:700; line-height:1.2; }
.hp-home-wrap .fs-info h3 { font-size:14px; margin:0; color:rgba(255,255,255,.7); font-weight:400; }
.hp-home-wrap .fs-controls { width:100%; max-width:400px; }
.hp-home-wrap .progress-container { width:100%; margin-bottom:5px; padding:0 5px; box-sizing:border-box; }
.hp-home-wrap .seek-slider { -webkit-appearance:none; width:100%; height:4px; background:rgba(255,255,255,.2); border-radius:5px; outline:none; margin:0; cursor:pointer; }
.hp-home-wrap .seek-slider::-webkit-slider-thumb { -webkit-appearance:none; width:14px; height:14px; border-radius:50%; background:#fff; cursor:pointer; }
.hp-home-wrap .time-row { display:flex; justify-content:space-between; font-size:11px; color:#aaa; margin-top:8px; font-weight:500; }
.hp-home-wrap .control-buttons { display:flex; justify-content:space-between; align-items:center; margin-top:5px; width:100%; padding:0 10px; box-sizing:border-box; }
.hp-home-wrap .btn-fs-play { width:65px; height:65px; background:#fff; color:#000; border-radius:50%; font-size:24px; border:none; cursor:pointer; display:flex; align-items:center; justify-content:center; box-shadow:0 5px 15px rgba(0,0,0,.2); }
.hp-home-wrap .btn-fs-play:active { transform:scale(.95); }
.hp-home-wrap .btn-skip { background:none; border:none; color:#fff; font-size:22px; cursor:pointer; display:flex; flex-direction:column; align-items:center; opacity:.8; width:50px; }
.hp-home-wrap .btn-skip span { font-size:9px; margin-top:2px; font-weight:700; }
.hp-home-wrap .btn-speed { background:rgba(255,255,255,.1); border:1px solid rgba(255,255,255,.2); color:#fff; border-radius:8px; padding:5px 10px; font-size:11px; font-weight:700; cursor:pointer; min-width:40px; text-align:center; }
.hp-home-wrap .volume-control-area { display:none; width:100%; margin-top:20px; align-items:center; gap:10px; justify-content:center; }
.hp-home-wrap .content-section { flex:1; width:100%; background:rgba(0,0,0,.4); backdrop-filter:blur(20px); border-top-left-radius:24px; border-top-right-radius:24px; padding-bottom:100px; min-height:200px; overflow-y:auto; }
.hp-home-wrap .tab-view { display:none; padding:20px; }
.hp-home-wrap .tab-view.active { display:block; }
.hp-home-wrap .history-list,.hp-home-wrap .episode-list { list-style:none; padding:0; margin:0; }
.hp-home-wrap .history-list li,.hp-home-wrap .episode-list li { display:flex; align-items:center; padding:12px 0; border-bottom:1px solid rgba(255,255,255,.05); cursor:pointer; }
.hp-home-wrap .history-list img,.hp-home-wrap .episode-list img { width:45px; height:45px; border-radius:8px; margin-right:15px; object-fit:cover; flex-shrink:0; }
.hp-home-wrap .h-info { flex:1; overflow:hidden; }
.hp-home-wrap .h-title { display:block; font-size:14px; font-weight:600; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.hp-home-wrap .h-artist { font-size:12px; color:#aaa; }
.hp-home-wrap .h-time { font-size:11px; color:#666; white-space:nowrap; margin-left:10px; }
.hp-home-wrap .search-wrapper { position:relative; margin-bottom:20px; }
.hp-home-wrap .search-box { width:100%; background:rgba(255,255,255,.1); border:1px solid rgba(255,255,255,.1); border-radius:12px; padding:12px 15px; color:#fff; font-size:16px; outline:none; box-sizing:border-box; }
.hp-home-wrap .search-box:focus { background:rgba(255,255,255,.15); border-color:#C10000; box-shadow:0 0 15px rgba(193,0,0,.3); }
.hp-home-wrap .search-clear { position:absolute; right:15px; top:50%; transform:translateY(-50%); color:rgba(255,255,255,.5); cursor:pointer; display:none; }
.hp-home-wrap .search-section-title { color:#fff; font-size:11px; font-weight:800; letter-spacing:1px; text-transform:uppercase; margin-top:20px; margin-bottom:10px; border-bottom:1px solid rgba(255,255,255,.1); padding-bottom:5px; }
.hp-home-wrap .browsing-container.hidden { display:none; }
.hp-home-wrap .podcasts-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:15px; }
.hp-home-wrap .podcast-card { background:rgba(255,255,255,.05); border-radius:12px; padding:10px; display:flex; flex-direction:column; cursor:pointer; transition:transform .2s; }
.hp-home-wrap .podcast-card:active { transform:scale(.96); background:rgba(255,255,255,.1); }
.hp-home-wrap .pc-img { width:100%; aspect-ratio:1/1; border-radius:8px; margin-bottom:10px; object-fit:cover; background:#333; }
.hp-home-wrap .pc-title { font-size:12px; font-weight:700; text-align:center; line-height:1.3; }
.hp-home-wrap .back-btn { background:none; border:none; color:#fff; display:flex; align-items:center; font-size:14px; font-weight:600; margin-bottom:20px; cursor:pointer; padding:0; }
.hp-home-wrap .back-btn i { margin-right:8px; color:#C10000; }
.hp-home-wrap .loading-spinner { text-align:center; padding:40px; color:#aaa; font-size:14px; }
.hp-home-wrap .load-more-container { display:flex; justify-content:center; padding:20px 0; width:100%; }
.hp-home-wrap .btn-load-more { background:rgba(255,255,255,.1); border:1px solid rgba(255,255,255,.2); color:#fff; padding:12px 25px; border-radius:30px; font-size:13px; font-weight:600; cursor:pointer; display:flex; align-items:center; gap:10px; }
.hp-home-wrap .btn-load-more:hover { background:#C10000; border-color:#C10000; }
.hp-home-wrap .nav-bar { height:80px; background:rgba(0,0,0,.95); backdrop-filter:blur(20px); display:flex; justify-content:center; align-items:center; gap:60px; flex-shrink:0; border-top:1px solid rgba(255,255,255,.1); width:100%; }
.hp-home-wrap .nav-btn { background:transparent; border:none; color:rgba(255,255,255,.5); font-size:12px; display:flex; flex-direction:column; align-items:center; padding:0; cursor:pointer; width:70px; transition:color .3s; outline:none; }
.hp-home-wrap .nav-btn:hover,.hp-home-wrap .nav-btn.active { color:#C10000; }
.hp-home-wrap .nav-btn i { font-size:20px; margin-bottom:6px; }
.hp-home-wrap .episode-list li i.ep-play-icon { color:#C10000; font-size:24px; margin-left:10px; flex-shrink:0; }
.hp-home-wrap .no-results { color:rgba(255,255,255,.5); padding:10px; }

@media (max-width:900px) {
.hp-home-wrap .hp_hero { padding-top:60px; }
.hp-home-wrap .hp_hero::before { background:linear-gradient(to top,rgba(0,0,0,.95) 0%,rgba(0,0,0,.5) 40%,rgba(0,0,0,.5) 70%,rgba(0,0,0,.8) 100%); }
.hp-home-wrap .hp_container { flex-direction:column; justify-content:flex-end; gap:20px; padding-top:20px; padding-bottom:220px; text-align:center; }
.hp-home-wrap .hp_show_info { display:flex; flex-direction:column; align-items:center; justify-content:flex-end; gap:10px; margin:0 auto; position:static; transform:none; width:auto; }
.hp-home-wrap .hp_kicker { justify-content:center; font-size:.75rem; margin:0 0 10px 0; }
.hp-home-wrap .hp_show_logo { max-height:80px; margin:0; transform-origin:center center; max-width:90%; }
.hp-home-wrap .hp_subtitle { font-size:1rem; margin:10px 0 5px 0; }
.hp-home-wrap .hp_show_info .hp_btn { margin:0; }
.hp-home-wrap .hp_song_card { display:none !important; }
.hp-home-wrap .hp_top_actions { top:105px; right:5%; gap:6px; z-index:100000; }
.hp-home-wrap .hp_top_actions .hp_btn { padding:8px 12px; font-size:.8rem; }
.hp-home-wrap .hp_top_actions .hp_btn span { display:none; }
.hp-home-wrap .hp_scroll_hint { bottom:160px; }
}

@media (min-width:900px) {
.hp-home-wrap .scrollable-content-wrapper { flex-direction:row; overflow:hidden; }
.hp-home-wrap .player-section { width:35%; border-right:1px solid rgba(255,255,255,.1); justify-content:center; overflow-y:auto; height:100%; padding:20px; }
.hp-home-wrap .artwork-container { width:260px; max-width:none; margin-bottom:20px; margin-top:0; }
.hp-home-wrap .fs-info h2 { font-size:24px; }
.hp-home-wrap .fs-info h3 { font-size:16px; }
.hp-home-wrap .content-section { width:65%; height:100%; overflow-y:auto; background:transparent; border-radius:0; padding-bottom:0; }
.hp-home-wrap .tab-view { padding:30px; }
.hp-home-wrap .nav-bar { gap:100px; }
.hp-home-wrap .podcasts-grid { grid-template-columns:repeat(auto-fill,minmax(160px,1fr)); gap:20px; }
.hp-home-wrap .volume-control-area { display:flex; }
}


/* ===========================================
   GRILLE DES PROGRAMMES - [hp_schedule]
   =========================================== */
.hp-pack-schedule { background:#0a0a0a; padding:20px 0 60px; font-family:'Inter',sans-serif; color:#fff; max-width:1200px; margin:0 auto; }
.hp-pack-schedule .hp-container { width:100%; max-width:1200px; margin:0 auto; padding:20px; box-sizing:border-box; }
.hp-pack-schedule .hp-day-nav { display:flex; justify-content:center; flex-wrap:wrap; gap:10px; margin-top:10px; margin-bottom:40px; }
.hp-pack-schedule .hp-day-btn { background:#fff; color:#000; border:none; border-radius:50%; width:45px; height:45px; font-weight:800; font-size:1rem; cursor:pointer; display:flex; justify-content:center; align-items:center; transition:all .2s; font-family:'Inter',sans-serif; }
.hp-pack-schedule .hp-day-btn.active { background:#c10000; color:#fff; }
.hp-pack-schedule .hp-day-btn:hover:not(.active) { background:#eee; }
.hp-pack-schedule .hp-grid { display:grid; grid-template-columns:1fr; gap:25px; min-height:400px; }
@media (min-width:600px) { .hp-pack-schedule .hp-grid { grid-template-columns:repeat(2,1fr); } }
@media (min-width:1024px) { .hp-pack-schedule .hp-grid { grid-template-columns:repeat(3,1fr); } }
.hp-pack-schedule .hp-card { position:relative; background:#1a1a1a; border-radius:12px; overflow:hidden; aspect-ratio:3/4; display:flex; flex-direction:column; justify-content:flex-end; background-size:cover; background-position:center top; isolation:isolate; transform:translateZ(0); }
.hp-pack-schedule .hp-card.is-live { outline:4px solid #c10000; outline-offset:-4px; z-index:10; }
.hp-pack-schedule .hp-card::before { content:''; position:absolute; inset:0; background:linear-gradient(to top,rgba(0,0,0,.85) 0%,rgba(0,0,0,.3) 60%,rgba(0,0,0,.1) 100%); z-index:1; pointer-events:none; }
.hp-pack-schedule .hp-card.has-chroniques::before { background:linear-gradient(to top,rgba(0,0,0,.9) 0%,rgba(0,0,0,.5) 70%,rgba(0,0,0,.2) 100%); }
.hp-pack-schedule .hp-card-content { position:relative; z-index:2; padding:25px; display:flex; flex-direction:column; gap:10px; height:100%; box-sizing:border-box; justify-content:flex-end; }
.hp-pack-schedule .hp-card-inner { position:absolute; inset:0; z-index:2; display:flex; width:200%; height:100%; transition:transform .4s cubic-bezier(.25,.8,.25,1); }
.hp-pack-schedule .hp-card.show-chroniques .hp-card-inner { transform:translateX(-50%); }
.hp-pack-schedule .hp-slide { width:50%; height:100%; padding:25px; box-sizing:border-box; display:flex; flex-direction:column; justify-content:flex-end; gap:10px; overflow-y:auto; -ms-overflow-style:none; scrollbar-width:none; }
.hp-pack-schedule .hp-slide::-webkit-scrollbar { display:none; }
.hp-pack-schedule .hp-slide-details { justify-content:center; background:rgba(0,0,0,.85); backdrop-filter:blur(5px); -webkit-backdrop-filter:blur(5px); border-radius:12px; }
.hp-pack-schedule .hp-btn-slide { background:rgba(255,255,255,.15); color:#fff; border:1px solid rgba(255,255,255,.4); padding:8px 16px; border-radius:50px; cursor:pointer; font-size:.75rem; font-weight:700; display:inline-flex; align-items:center; justify-content:center; gap:8px; width:fit-content; transition:all .3s; margin-top:5px; font-family:'Inter',sans-serif; }
.hp-pack-schedule .hp-btn-slide:hover { background:#fff; color:#000; }
.hp-pack-schedule .hp-time-badge { background:#c10000; color:#fff; font-size:.8rem; font-weight:900; letter-spacing:1px; padding:5px 15px; border-radius:50px; width:fit-content; display:flex; align-items:center; }
.hp-pack-schedule .hp-card-title { margin:0; font-size:1.7rem; font-weight:900; line-height:1.1; color:#fff; }
.hp-pack-schedule .hp-card-desc { font-size:.9rem; color:#d1d1d1; margin:0; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
.hp-pack-schedule .hp-card-host { font-size:.85rem; font-style:italic; color:#aaa; margin:0; }
.hp-pack-schedule .hp-btn-podcast { display:inline-flex; align-items:center; justify-content:center; gap:8px; background:#fff; color:#000; text-decoration:none; padding:10px 24px; border-radius:50px; font-size:.7rem; font-weight:900; text-transform:uppercase; letter-spacing:2px; width:fit-content; transition:all .3s; margin-top:5px; }
.hp-pack-schedule .hp-btn-podcast:hover { background:#c10000; color:#fff; }
.hp-pack-schedule .hp-live-indicator { position:absolute; top:20px; left:20px; z-index:5; background:#c10000; color:#fff; padding:6px 14px; border-radius:4px; font-size:.7rem; font-weight:900; text-transform:uppercase; letter-spacing:2px; display:flex; align-items:center; gap:8px; }
.hp-pack-schedule .hp-dot { width:8px; height:8px; background:#fff; border-radius:50%; animation:hp_sched_blink .8s infinite alternate; }
@keyframes hp_sched_blink { from{opacity:1} to{opacity:.3} }
.hp-pack-schedule .hp-chroniques { display:flex; flex-direction:column; gap:8px; margin-top:12px; }
.hp-pack-schedule .hp-chronique { display:flex; justify-content:space-between; align-items:center; background:rgba(0,0,0,.4); padding:10px 12px; border-radius:6px; border-left:3px solid #c10000; }
.hp-pack-schedule .hp-chronique-header { display:flex; flex-direction:column; align-items:flex-start; gap:2px; }
.hp-pack-schedule .hp-chronique-title { font-size:.9rem; font-weight:700; color:#fff; }
.hp-pack-schedule .hp-chronique-time { font-size:.8rem; color:#ddd; }
.hp-pack-schedule .hp-slide-details .hp-chronique { padding:6px 10px; }
.hp-pack-schedule .hp-slide-details .hp-chroniques { gap:5px; margin-top:0; }
.hp-pack-schedule .hp-slide-details .hp-chronique-title { font-size:.8rem; }
.hp-pack-schedule .hp-slide-details .hp-chronique-time { font-size:.75rem; color:#aaa; }

/* =============================================
   PAGE PODCASTS — [hp_podcasts]
   ============================================= */
.hp-pack-podcasts{background:#0a0a0a;font-family:'Inter',sans-serif;color:#fff;}
.hp-pack-podcasts,.hp-pack-podcasts *{box-sizing:border-box;}
.hp-pack-podcasts .hp-header{position:sticky;top:0;z-index:100;background:rgba(10,10,10,.95);backdrop-filter:blur(8px);padding:20px 0;width:100%;border-bottom:1px solid rgba(255,255,255,.1);}
.hp-pack-podcasts .hp-search-container{position:relative;width:90%;max-width:1200px;margin:0 auto 15px;}
.hp-pack-podcasts .hp-search-input-wrapper input{width:100%;height:50px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:0 20px 0 50px;color:#fff;font-size:1rem;outline:none;transition:all .3s;font-family:'Inter',sans-serif;}
.hp-pack-podcasts .hp-search-input-wrapper input:focus{border-color:#e60000;box-shadow:0 0 15px rgba(230,0,0,.5);}
.hp-pack-podcasts .hp-search-icon{position:absolute;left:20px;top:50%;transform:translateY(-50%);color:#aaa;pointer-events:none;}
.hp-pack-podcasts .hp-search-dropdown{position:absolute;top:100%;left:0;right:0;background:#141414;border:1px solid rgba(255,255,255,.1);border-top:none;border-radius:0 0 8px 8px;max-height:400px;overflow-y:auto;z-index:9999;display:none;flex-direction:column;box-shadow:0 15px 40px rgba(0,0,0,.5);}
.hp-pack-podcasts .hp-result-row{display:flex;align-items:center;gap:15px;padding:12px 15px;border-bottom:1px solid rgba(255,255,255,.1);cursor:pointer;color:#fff;}
.hp-pack-podcasts .hp-result-row:hover{background:#222;}
.hp-pack-podcasts .hp-res-img{width:45px;height:45px;border-radius:4px;object-fit:cover;}
.hp-pack-podcasts .hp-res-info{flex:1;min-width:0;}
.hp-pack-podcasts .hp-res-title{font-weight:700;font-size:.9rem;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.hp-pack-podcasts .hp-res-sub{font-size:.75rem;color:#aaa;display:flex;align-items:center;gap:6px;}
.hp-pack-podcasts .hp-badge{font-size:.65rem;padding:2px 6px;border-radius:4px;font-weight:700;text-transform:uppercase;}
.hp-pack-podcasts .hp-badge.show{background:#e60000;color:#fff;}
.hp-pack-podcasts .hp-badge.ep{background:#333;color:#ddd;border:1px solid #555;}
.hp-pack-podcasts .hp-filters{display:flex;gap:10px;overflow-x:auto;width:90%;max-width:1200px;margin:0 auto;padding-bottom:5px;scrollbar-width:none;}
.hp-pack-podcasts .hp-filters::-webkit-scrollbar{display:none;}
.hp-pack-podcasts .hp-filter-btn{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);color:#aaa;padding:8px 18px;border-radius:50px;font-size:.85rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:.3s;font-family:'Inter',sans-serif;}
.hp-pack-podcasts .hp-filter-btn:hover,.hp-pack-podcasts .hp-filter-btn.active{background:#e60000;border-color:#e60000;color:#fff;box-shadow:0 0 10px rgba(230,0,0,.5);}
.hp-pack-podcasts .hp-grid{display:flex;flex-direction:column;gap:45px;min-height:200px;padding:40px 0;}
.hp-pack-podcasts .astro_gallery_section{width:100%;}
.hp-pack-podcasts .astro_header_container{width:90%;max-width:1200px;margin:0 auto 20px;display:flex;justify-content:space-between;align-items:center;gap:15px;}
.hp-pack-podcasts .astro_title{margin:0;font-size:1.1rem;font-weight:800;text-transform:uppercase;letter-spacing:1px;display:flex;align-items:center;gap:10px;line-height:1.3;color:#fff;}
.hp-pack-podcasts .astro_title::before{content:'';width:8px;height:8px;background:#e60000;border-radius:50%;flex-shrink:0;}
.hp-pack-podcasts .hp-header-actions{display:flex;align-items:center;gap:12px;}
.hp-pack-podcasts .hp-view-all-btn{display:inline-flex;align-items:center;gap:6px;background:transparent;border:1px solid rgba(255,255,255,.1);color:#aaa;padding:6px 14px;border-radius:50px;font-size:.75rem;font-weight:600;text-decoration:none;transition:.2s;white-space:nowrap;}
.hp-pack-podcasts .hp-view-all-btn:hover{border-color:#e60000;color:#e60000;background:rgba(230,0,0,.05);}
.hp-pack-podcasts .astro_controls{display:flex;gap:8px;flex-shrink:0;}
.hp-pack-podcasts .astro_btn_nav{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);color:#fff;width:42px;height:42px;border-radius:50%;cursor:pointer;transition:background .3s,border-color .3s,box-shadow .3s;display:flex;align-items:center;justify-content:center;outline:none;font-size:.9rem;}
.hp-pack-podcasts .astro_btn_nav:hover:not(:disabled){background:#e60000;border-color:#e60000;box-shadow:0 0 15px rgba(230,0,0,.5);}
.hp-pack-podcasts .astro_btn_nav:disabled{opacity:.2;cursor:not-allowed;background:transparent;}
.hp-pack-podcasts .astro_carousel_wrapper{width:90%;max-width:1200px;margin:0 auto;position:relative;}
.hp-pack-podcasts .astro_scroll_area{width:100%;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;}
.hp-pack-podcasts .astro_scroll_area::-webkit-scrollbar{display:none;}
.hp-pack-podcasts .astro_items_list{display:flex;gap:20px;padding:10px 0 20px;margin:0;list-style:none;}
.hp-pack-podcasts .astro_card{flex:0 0 220px;margin:0;text-align:left;scroll-snap-align:start;cursor:pointer;}
.hp-pack-podcasts .astro_card_img{width:100%;aspect-ratio:2/3;object-fit:cover;border-radius:20px;border:2px solid rgba(255,255,255,.1);transition:all .4s cubic-bezier(.175,.885,.32,1.275);background:#1a1a1a;display:block;}
.hp-pack-podcasts .astro_card:hover .astro_card_img{border-color:#e60000;transform:translateY(-5px);box-shadow:0 10px 20px rgba(230,0,0,.5);}
.hp-pack-podcasts .astro_card_name{display:block;margin-top:12px;font-size:.95rem;font-weight:700;color:#fff;transition:.3s;line-height:1.2;}
.hp-pack-podcasts .astro_card_category{display:block;margin-top:4px;font-size:.7rem;font-weight:600;text-transform:uppercase;color:rgba(255,255,255,.4);letter-spacing:.5px;}
.hp-pack-podcasts .astro_card:hover .astro_card_name{color:#e60000;}
.hp-pack-podcasts .pod_card{position:relative;flex:0 0 280px;margin:0;scroll-snap-align:start;background:#141414;border:2px solid rgba(255,255,255,.1);border-radius:0;overflow:hidden;display:flex;flex-direction:column;transition:all .4s cubic-bezier(.175,.885,.32,1.275);}
.hp-pack-podcasts .pod_card:hover{border-color:#e60000;transform:translateY(-5px);box-shadow:0 10px 20px rgba(230,0,0,.5);}
.hp-pack-podcasts .pod_cover_wrapper{position:relative;width:100%;aspect-ratio:1/1;background:#000;overflow:hidden;}
.hp-pack-podcasts .pod_cover{width:100%;height:100%;object-fit:cover;transition:transform .5s;}
.hp-pack-podcasts .pod_card:hover .pod_cover{transform:scale(1.05);}
.hp-pack-podcasts .pod_info_btn{position:absolute;top:12px;right:12px;width:32px;height:32px;border-radius:50%;background:rgba(10,10,10,.7);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.2);color:#fff;font-size:.85rem;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:5;transition:all .3s;outline:none;padding:0;}
.hp-pack-podcasts .pod_info_btn:hover{background:#e60000;border-color:#e60000;transform:scale(1.1);box-shadow:0 0 12px rgba(230,0,0,.5);}
.hp-pack-podcasts .pod_card.show_details .pod_info_btn{opacity:0;pointer-events:none;}
.hp-pack-podcasts .pod_details_panel{position:absolute;top:0;left:0;width:100%;height:100%;background:#141414;z-index:10;padding:20px;display:flex;flex-direction:column;transform:translateX(100%);transition:transform .4s cubic-bezier(.16,1,.3,1);overflow:hidden;}
.hp-pack-podcasts .pod_card.show_details .pod_details_panel{transform:translateX(0);}
.hp-pack-podcasts .pod_details_header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.1);}
.hp-pack-podcasts .pod_details_close{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);color:rgba(255,255,255,.8);width:28px;height:28px;border-radius:50%;font-size:.85rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;outline:none;padding:0;flex-shrink:0;}
.hp-pack-podcasts .pod_details_close:hover{background:#e60000;border-color:#e60000;color:#fff;}
.hp-pack-podcasts .pod_details_title{font-size:.95rem;font-weight:700;color:#fff;margin:0 0 10px;line-height:1.4;}
.hp-pack-podcasts .pod_details_desc{font-size:.8rem;color:rgba(255,255,255,.8);line-height:1.5;overflow-y:auto;flex-grow:1;padding-right:5px;}
.hp-pack-podcasts .pod_details_desc::-webkit-scrollbar{width:4px;}
.hp-pack-podcasts .pod_details_desc::-webkit-scrollbar-thumb{background:rgba(255,255,255,.2);border-radius:2px;}
.hp-pack-podcasts .pod_info{padding:20px;display:flex;flex-direction:column;flex-grow:1;}
.hp-pack-podcasts .pod_date{font-size:.75rem;color:#e60000;font-weight:800;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;}
.hp-pack-podcasts .pod_card_title{font-size:.95rem;font-weight:700;color:#fff;margin:0 0 15px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.hp-pack-podcasts .pod_card:hover .pod_card_title{color:#e60000;}
.hp-pack-podcasts .custom_audio_player{display:flex;align-items:center;gap:12px;margin-top:auto;padding-top:15px;border-top:1px solid rgba(255,255,255,.1);}
.hp-pack-podcasts .audio_play_btn{background:transparent;border:none;border-radius:50%;box-shadow:none;color:#e60000;font-size:1.8rem;cursor:pointer;padding:0;margin:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;transition:transform .2s;outline:none;}
.hp-pack-podcasts .audio_play_btn:hover{transform:scale(1.15);filter:drop-shadow(0 0 6px rgba(230,0,0,.5));}
.hp-pack-podcasts .audio_progress_container{flex-grow:1;height:15px;display:flex;align-items:center;cursor:pointer;position:relative;}
.hp-pack-podcasts .audio_progress_track{width:100%;height:5px;background:rgba(255,255,255,.2);border-radius:5px;position:relative;pointer-events:none;}
.hp-pack-podcasts .audio_progress_bar{height:100%;width:0%;background:#e60000;border-radius:5px;position:absolute;top:0;left:0;transition:width .1s linear;}
.hp-pack-podcasts .audio_time{font-size:.7rem;color:rgba(255,255,255,.7);min-width:65px;text-align:right;font-weight:600;white-space:nowrap;}
.hp-pack-podcasts .loader-message{color:rgba(255,255,255,.6);font-size:.9rem;padding:40px 0;font-style:italic;text-align:center;}
.hp-pack-podcasts .hp-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.85);z-index:10000;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:.3s;padding:15px;backdrop-filter:blur(5px);}
.hp-pack-podcasts .hp-modal-overlay.active{opacity:1;visibility:visible;}
.hp-pack-podcasts .hp-modal-box{width:100%;max-width:900px;background:#181818;border-radius:12px;border:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;height:90vh;max-height:90vh;position:relative;overflow:hidden;box-shadow:0 25px 50px rgba(0,0,0,.5);}
.hp-pack-podcasts .hp-modal-hero{height:50%;min-height:300px;background-size:cover;background-position:center 10%;position:relative;display:flex;align-items:flex-end;padding:25px;}
.hp-pack-podcasts .hp-modal-hero::after{content:'';position:absolute;inset:0;background:linear-gradient(to top,#181818 0%,rgba(24,24,24,.85) 40%,rgba(24,24,24,.1) 100%);}
.hp-pack-podcasts .hp-modal-content-header{position:relative;z-index:2;width:100%;}
.hp-pack-podcasts .hp-modal-logo{height:45px;max-width:45px;object-fit:contain;margin-bottom:8px;display:block;}
.hp-pack-podcasts .hp-modal-h1{font-size:2rem;font-weight:900;color:#fff;line-height:1;margin:0 0 10px;}
.hp-pack-podcasts .hp-modal-meta{display:flex;gap:15px;font-size:.85rem;color:#ddd;flex-wrap:wrap;}
.hp-pack-podcasts .hp-modal-meta span i{color:#e60000;margin-right:5px;}
.hp-pack-podcasts .hp-close-modal{position:absolute;top:15px;right:15px;width:35px;height:35px;background:rgba(0,0,0,.5);border-radius:50%;border:1px solid rgba(255,255,255,.2);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;}
.hp-pack-podcasts .hp-close-modal:hover{background:#fff;color:#000;}
.hp-pack-podcasts .hp-modal-body{flex:1;max-height:50%;overflow-y:auto;padding:20px;background:#181818;}
.hp-pack-podcasts .hp-modal-desc{font-size:1rem;color:#ccc;line-height:1.6;margin-bottom:20px;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:20px;}
.hp-pack-podcasts .hp-cta{display:inline-flex;align-items:center;gap:10px;background:#333;color:#fff;padding:10px 20px;border-radius:6px;text-decoration:none;font-weight:700;font-size:.9rem;margin-bottom:20px;border:1px solid #444;}
.hp-pack-podcasts .hp-cta:hover{background:#fff;color:#000;}
.hp-pack-podcasts .hp-player-bar{background:#222;border-top:1px solid #333;padding:15px 25px;display:none;align-items:center;gap:20px;flex-wrap:wrap;color:#fff;}
.hp-pack-podcasts .hp-player-bar.active{display:flex;}
.hp-pack-podcasts .hp-player-controls{display:flex;align-items:center;gap:12px;}
.hp-pack-podcasts .hp-ep-btn-lg{width:45px;height:45px;border-radius:50%;background:#e60000;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.1rem;cursor:pointer;flex-shrink:0;border:none;}
.hp-pack-podcasts .hp-mini-ctrl{background:transparent;border:1px solid #444;color:#ccc;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.75rem;}
.hp-pack-podcasts .hp-speed-btn{background:transparent;border:1px solid #444;color:#ccc;border-radius:4px;padding:0 8px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.75rem;font-weight:700;min-width:45px;}
.hp-pack-podcasts .hp-player-info{flex:1;min-width:200px;display:flex;flex-direction:column;justify-content:center;}
.hp-pack-podcasts .hp-player-meta{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:6px;}
.hp-pack-podcasts .hp-player-title{font-weight:700;color:#fff;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.hp-pack-podcasts .hp-player-time{font-size:.7rem;color:#888;margin-left:10px;}
.hp-pack-podcasts .hp-progress-track{width:100%;height:6px;background:#444;border-radius:3px;overflow:hidden;cursor:pointer;position:relative;}
.hp-pack-podcasts .hp-progress-fill{height:100%;width:0%;background:#e60000;pointer-events:none;}
.hp-pack-podcasts .hp-ep-list{display:flex;flex-direction:column;gap:8px;}
.hp-pack-podcasts .hp-ep-item{display:flex;align-items:center;gap:15px;padding:12px;background:rgba(255,255,255,.03);border-radius:6px;cursor:pointer;}
.hp-pack-podcasts .hp-ep-item:hover{background:rgba(255,255,255,.08);}
.hp-pack-podcasts .hp-ep-btn{width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;color:#e60000;flex-shrink:0;}
.hp-pack-podcasts .hp-ep-content{flex:1;overflow:hidden;}
.hp-pack-podcasts .hp-ep-title{font-size:.9rem;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.hp-pack-podcasts .hp-ep-date{font-size:.75rem;color:#aaa;margin-top:2px;}
@media (max-width:768px){
.hp-pack-podcasts .astro_card{flex:0 0 165px;}
.hp-pack-podcasts .pod_card{flex:0 0 240px;}
.hp-pack-podcasts .astro_items_list{gap:15px;}
}
.hp-show-page-wrap { font-family:'Inter',sans-serif; color:#fff; background:#0a0a0a; overflow-x:hidden; }
.hp-show-page-wrap, .hp-show-page-wrap * { box-sizing:border-box; }
.hp-show-page-wrap .hp_hero { position:relative; width:100%; height:100dvh; padding-top:70px; background-size:cover; background-position:center 20%; display:flex; flex-direction:column; background-color:#000; transition:background-image 1s ease-in-out; }
.hp-show-page-wrap .hp_hero::before { content:''; position:absolute; inset:0; background:linear-gradient(to right,rgba(0,0,0,.85) 0%,rgba(0,0,0,.4) 50%,rgba(0,0,0,.6) 100%),linear-gradient(to top,rgba(0,0,0,.95) 0%,transparent 40%); z-index:1; pointer-events:none; }
.hp-show-page-wrap .hp_container { position:relative; z-index:2; width:90%; max-width:1200px; margin:0 auto; flex-grow:1; display:flex; align-items:center; justify-content:space-between; gap:30px; padding-bottom:50px; }
.hp-show-page-wrap .hp_show_info { flex:1; max-width:650px; }
.hp-show-page-wrap .hp_kicker { display:flex; align-items:center; gap:10px; flex-wrap:wrap; margin-bottom:18px; font-size:.8rem; font-weight:700; text-transform:uppercase; letter-spacing:1px; color:#fff; animation:hp_fadeUp .8s ease-out .1s forwards; opacity:0; }
.hp-show-page-wrap .hp_badge { display:inline-flex; align-items:center; gap:6px; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.15); padding:8px 14px; border-radius:50px; backdrop-filter:blur(10px); }
.hp-show-page-wrap .hp_badge i { color:#e60000; }
.hp-show-page-wrap .hp_show_logo { display:block; max-height:100px; width:auto; margin:0 0 15px 0; object-fit:contain; filter:drop-shadow(0 4px 15px rgba(0,0,0,.6)); animation:hp_fadeUp .8s ease-out .3s forwards; opacity:0; }
.hp-show-page-wrap .hp_subtitle { font-size:clamp(1.1rem,1.5vw,1.3rem); color:rgba(255,255,255,.9); font-weight:600; margin-bottom:15px; animation:hp_fadeUp .8s ease-out .4s forwards; opacity:0; }
.hp-show-page-wrap .hp_show_desc { font-size:.95rem; line-height:1.6; color:rgba(255,255,255,.7); margin-bottom:25px; max-width:90%; animation:hp_fadeUp .8s ease-out .5s forwards; opacity:0; }
.hp-show-page-wrap .hp_btn_group { display:flex; gap:15px; flex-wrap:wrap; animation:hp_fadeUp .8s ease-out .6s forwards; opacity:0; }
.hp-show-page-wrap .hp_btn { display:inline-flex; align-items:center; gap:8px; padding:12px 24px; border-radius:50px; font-size:.85rem; font-weight:700; letter-spacing:1px; text-transform:uppercase; text-decoration:none; transition:all .3s; cursor:pointer; border:none; }
.hp-show-page-wrap .hp_btn_primary { background:#e60000; color:#fff; box-shadow:0 6px 20px rgba(230,0,0,.5); }
.hp-show-page-wrap .hp_btn_primary:hover { transform:translateY(-2px); background:#fff; color:#e60000; }
.hp-show-page-wrap .hp_btn_secondary { background:rgba(20,20,20,.5); color:#fff; border:1px solid rgba(255,255,255,.1); backdrop-filter:blur(10px); }
.hp-show-page-wrap .hp_btn_secondary:hover { background:rgba(255,255,255,.2); transform:translateY(-2px); }
.hp-show-page-wrap .hp_song_card { width:280px; background:rgba(20,20,20,.5); backdrop-filter:blur(20px); border:1px solid rgba(255,255,255,.1); border-radius:20px; padding:15px; box-shadow:0 15px 35px rgba(0,0,0,.4); display:flex; flex-direction:column; gap:12px; flex-shrink:0; animation:hp_fadeUp .8s ease-out .4s forwards; opacity:0; }
.hp-show-page-wrap .hp_song_card_header { display:flex; align-items:center; font-size:.7rem; font-weight:800; text-transform:uppercase; letter-spacing:1px; color:#e60000; }
.hp-show-page-wrap .hp_song_card_header_text { display:flex; align-items:center; gap:6px; }
.hp-show-page-wrap .hp_song_art_wrapper { position:relative; }
.hp-show-page-wrap .hp_song_art { width:100%; aspect-ratio:1/1; border-radius:10px; object-fit:cover; background:#222; display:block; }
.hp-show-page-wrap .hp_hero_play_btn { position:absolute; bottom:15px; right:15px; background:#e60000; color:#fff; border:none; width:45px; height:45px; border-radius:50%; cursor:pointer; display:flex; align-items:center; justify-content:center; font-size:1.1rem; box-shadow:0 4px 15px rgba(230,0,0,.5); z-index:5; }
.hp-show-page-wrap .hp_hero_play_btn:hover { transform:scale(1.1); background:#fff; color:#e60000; }
.hp-show-page-wrap .hp_song_details h3 { margin:0 0 3px 0; font-size:1.05rem; font-weight:800; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.hp-show-page-wrap .hp_song_details p { margin:0; font-size:.85rem; color:rgba(255,255,255,.7); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.hp-show-page-wrap .hp_progress_container { position:absolute; bottom:0; left:0; width:100%; height:4px; background:rgba(255,255,255,.1); z-index:10; }
.hp-show-page-wrap .hp_progress_bar { height:100%; width:0%; background:#e60000; transition:width 1s linear; border-radius:0 2px 2px 0; }
.hp-show-page-wrap .hp_scroll_hint { position:absolute; bottom:150px; left:50%; transform:translateX(-50%); z-index:10; display:flex; flex-direction:column; align-items:center; gap:4px; color:rgba(255,255,255,.7); font-size:.7rem; text-transform:uppercase; letter-spacing:1.5px; text-decoration:none; animation:hp_bounce 2s ease-in-out infinite; opacity:1; font-weight:700; }
.hp-show-page-wrap .hp_scroll_hint i { font-size:1.4rem; color:#e60000; }
.hp-show-page-wrap .hp_top_actions { position:absolute; top:128px; right:5%; z-index:100000; display:flex; gap:10px; animation:hp_fadeUp .8s ease-out .2s forwards; opacity:0; pointer-events:auto; }
.hp-show-page-wrap .hp_top_actions .hp_btn { padding:8px 16px; font-size:.75rem; }
.hp-show-page-wrap .hp_visually_hidden { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); }
/* Replays section */
.hp-show-page-wrap .hp_section_replays { padding:80px 0 150px; background:#0a0a0a; }
.hp-show-page-wrap .hp_container_replays { width:90%; max-width:1200px; margin:0 auto; }
.hp-show-page-wrap .hp_section_title { margin:0 0 30px; font-size:1.1rem; font-weight:800; color:#fff; text-transform:uppercase; letter-spacing:1px; display:flex; align-items:center; gap:10px; }
.hp-show-page-wrap .hp_section_title::before { content:''; width:8px; height:8px; background:#e60000; border-radius:50%; flex-shrink:0; }
.hp-show-page-wrap .hp_page_episode_list { list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap:15px; }
.hp-show-page-wrap .hp_page_episode_item { display:flex; flex-direction:column; background:rgba(255,255,255,.03); border:1px solid rgba(255,255,255,.05); padding:15px; border-radius:16px; transition:all .3s; cursor:pointer; }
.hp-show-page-wrap .hp_page_episode_item:hover { background:rgba(255,255,255,.08); transform:translateY(-2px); border-color:rgba(255,255,255,.15); box-shadow:0 10px 20px rgba(0,0,0,.3); }
.hp-show-page-wrap .hp_page_episode_main_row { display:flex; align-items:center; width:100%; }
.hp-show-page-wrap .hp_page_episode_item img { width:70px; height:70px; border-radius:12px; object-fit:cover; margin-right:20px; box-shadow:0 4px 10px rgba(0,0,0,.3); flex-shrink:0; }
.hp-show-page-wrap .hp_page_episode_info { flex:1; overflow:hidden; }
.hp-show-page-wrap .hp_page_episode_title { font-size:1.1rem; font-weight:700; color:#fff; margin-bottom:6px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.hp-show-page-wrap .hp_page_episode_meta { font-size:.85rem; color:rgba(255,255,255,.6); }
.hp-show-page-wrap .hp_page_episode_actions { display:flex; align-items:center; gap:12px; margin-left:15px; }
.hp-show-page-wrap .hp_page_episode_action { font-size:2.2rem; color:#e60000; transition:transform .2s; filter:drop-shadow(0 0 10px rgba(230,0,0,.3)); }
.hp-show-page-wrap .hp_page_episode_item:hover .hp_page_episode_action { transform:scale(1.1); color:#fff; }
.hp-show-page-wrap .hp_btn_toggle_details { background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.15); color:#fff; width:36px; height:36px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:14px; cursor:pointer; transition:all .3s; flex-shrink:0; }
.hp-show-page-wrap .hp_btn_toggle_details:hover { background:rgba(255,255,255,.2); }
.hp-show-page-wrap .hp_btn_toggle_details.expanded i { transform:rotate(180deg); }
.hp-show-page-wrap .hp_btn_toggle_details i { transition:transform .3s; }
.hp-show-page-wrap .hp_episode_drawer { max-height:0; overflow:hidden; opacity:0; transition:max-height .35s ease-in-out,opacity .25s,margin-top .25s; width:100%; }
.hp-show-page-wrap .hp_episode_drawer.open { max-height:500px; opacity:1; margin-top:15px; }
.hp-show-page-wrap .hp_episode_drawer_inner { background:rgba(0,0,0,.35); border:1px solid rgba(255,255,255,.08); border-radius:12px; padding:14px 16px; font-size:.85rem; color:rgba(255,255,255,.8); line-height:1.5; display:flex; flex-direction:column; gap:10px; }
.hp-show-page-wrap .hp_drawer_pills { display:flex; gap:8px; flex-wrap:wrap; }
.hp-show-page-wrap .hp_drawer_pill { background:rgba(255,255,255,.08); padding:4px 10px; border-radius:20px; font-size:.75rem; font-weight:600; color:rgba(255,255,255,.9); display:inline-flex; align-items:center; gap:6px; }
.hp-show-page-wrap .hp_drawer_pill i { color:#e60000; }
.hp-show-page-wrap .hp_drawer_desc { display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; transition:all .3s; }
.hp-show-page-wrap .hp_drawer_desc.expanded { -webkit-line-clamp:unset; overflow:visible; }
.hp-show-page-wrap .hp_btn_read_more { background:none; border:none; color:#e60000; font-size:.8rem; font-weight:700; cursor:pointer; padding:2px 0 0; align-self:flex-start; text-transform:uppercase; letter-spacing:.5px; }
/* Animations */
@keyframes hp_bounce { 0%,20%,50%,80%,100%{transform:translateY(0) translateX(-50%)} 40%{transform:translateY(-8px) translateX(-50%)} 60%{transform:translateY(-4px) translateX(-50%)} }
/* Responsive */
@media (max-width:900px) {
.hp-show-page-wrap .hp_hero { padding-top:60px; }
.hp-show-page-wrap .hp_hero::before { background:linear-gradient(to top,rgba(0,0,0,.95) 0%,rgba(0,0,0,.5) 40%,rgba(0,0,0,.5) 70%,rgba(0,0,0,.8) 100%); }
.hp-show-page-wrap .hp_container { flex-direction:column; justify-content:flex-end; gap:10px; padding-bottom:120px; padding-top:20px; text-align:center; position:relative; }
.hp-show-page-wrap .hp_show_info { display:flex; flex-direction:column; align-items:center; gap:4px; margin:0 auto; position:absolute; bottom:22vh; left:50%; transform:translateX(-50%); width:90%; max-width:500px; }
.hp-show-page-wrap .hp_kicker { justify-content:center; margin:0; gap:4px; }
.hp-show-page-wrap .hp_badge { padding:4px 8px; font-size:.65rem; }
.hp-show-page-wrap .hp_show_logo { max-height:55px; margin:0; }
.hp-show-page-wrap .hp_subtitle { font-size:.85rem; margin:2px 0; }
.hp-show-page-wrap .hp_show_desc { font-size:.75rem; margin-bottom:5px; line-height:1.3; }
.hp-show-page-wrap .hp_btn_group { justify-content:center; }
.hp-show-page-wrap .hp_song_card { display:none !important; }
.hp-show-page-wrap .hp_top_actions { top:121px; }
.hp-show-page-wrap .hp_top_actions .hp_btn span { display:none; }
.hp-show-page-wrap .hp_scroll_hint { bottom:12vh; }
/* Trait de progression rouge visible au-dessus du mini-player en mobile */
.hp-show-page-wrap .hp_progress_container { bottom:37px; z-index:99999; }
.hp-show-page-wrap .hp_section_replays { padding:50px 0 120px; }
.hp-show-page-wrap .hp_page_episode_item img { width:55px; height:55px; margin-right:15px; }
.hp-show-page-wrap .hp_page_episode_title { font-size:.95rem; }
.hp-show-page-wrap .hp_page_episode_action { font-size:1.8rem; }
}

/* =============================================
   PAGE ÉMISSION — Carousels + Plateformes
   ============================================= */
.hp-show-page-wrap .hp-show-carousel-section{padding:60px 0;background:#0a0a0a;}
.hp-show-page-wrap .hp-show-carousel-header{width:90%;max-width:1200px;margin:0 auto 20px;display:flex;justify-content:space-between;align-items:center;gap:15px;}
.hp-show-page-wrap .hp-show-carousel-title{margin:0;font-size:1.1rem;font-weight:800;text-transform:uppercase;letter-spacing:1px;color:#fff;display:flex;align-items:center;gap:10px;}
.hp-show-page-wrap .hp-show-carousel-title::before{content:'';width:8px;height:8px;background:#e60000;border-radius:50%;flex-shrink:0;}
.hp-show-page-wrap .hp-show-carousel-nav{display:flex;gap:8px;flex-shrink:0;}
.hp-show-page-wrap .hp-show-carousel-nav-btn{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);color:#fff;width:42px;height:42px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.3s;font-size:.9rem;}
.hp-show-page-wrap .hp-show-carousel-nav-btn:hover:not(:disabled){background:#e60000;border-color:#e60000;}
.hp-show-page-wrap .hp-show-carousel-nav-btn:disabled{opacity:.2;cursor:not-allowed;}
.hp-show-page-wrap .hp-show-carousel-wrapper{width:90%;max-width:1200px;margin:0 auto;}
.hp-show-page-wrap .hp-show-carousel-track{display:flex;gap:20px;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;padding:10px 0 20px;}
.hp-show-page-wrap .hp-show-carousel-track::-webkit-scrollbar{display:none;}
.hp-show-page-wrap .hp-show-carousel-card{flex:0 0 200px;scroll-snap-align:start;}
.hp-show-page-wrap .hp-show-carousel-card-link{display:block;text-decoration:none;color:#fff;}
.hp-show-page-wrap .hp-show-carousel-card-img{width:100%;aspect-ratio:2/3;object-fit:cover;border-radius:16px;border:2px solid rgba(255,255,255,.1);transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:block;background:#1a1a1a;}
.hp-show-page-wrap .hp-show-carousel-card-link:hover .hp-show-carousel-card-img{border-color:#e60000;transform:translateY(-5px);box-shadow:0 10px 20px rgba(230,0,0,.5);}
.hp-show-page-wrap .hp-show-carousel-card-name{display:block;margin-top:10px;font-size:.9rem;font-weight:700;color:#fff;transition:.3s;line-height:1.2;}
.hp-show-page-wrap .hp-show-carousel-card-link:hover .hp-show-carousel-card-name{color:#e60000;}
.hp-show-page-wrap .hp-show-carousel-card-cat{display:block;margin-top:4px;font-size:.7rem;font-weight:600;text-transform:uppercase;color:rgba(255,255,255,.4);letter-spacing:.5px;}
/* Plateformes podcast */
.hp-show-page-wrap .listen_section{padding:60px 0;background:#0a0a0a;}
.hp-show-page-wrap .listen_header_container{width:90%;max-width:1200px;margin:0 auto 30px;display:flex;justify-content:space-between;align-items:center;}
.hp-show-page-wrap .listen_title{margin:0;font-size:1.1rem;font-weight:800;text-transform:uppercase;letter-spacing:1px;display:flex;align-items:center;gap:10px;color:#fff;}
.hp-show-page-wrap .listen_title::before{content:'';width:8px;height:8px;background:#e60000;border-radius:50%;flex-shrink:0;}
.hp-show-page-wrap .listen_carousel_wrapper{width:90%;max-width:1200px;margin:0 auto;}
.hp-show-page-wrap .podcast_track{display:flex;gap:25px;overflow-x:auto;scroll-behavior:smooth;padding:15px 0 35px;scrollbar-width:none;}
.hp-show-page-wrap .podcast_track::-webkit-scrollbar{display:none;}
.hp-show-page-wrap .podcast_card{flex:0 0 300px;background:#141414;border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:30px;display:flex;flex-direction:column;transition:all .4s cubic-bezier(.175,.885,.32,1.275);box-sizing:border-box;}
.hp-show-page-wrap .podcast_card:hover{border-color:#e60000;transform:translateY(-8px);box-shadow:0 15px 30px rgba(0,0,0,.5);}
.hp-show-page-wrap .listen_card_icon{font-size:2rem;color:#e60000;margin-bottom:20px;}
.hp-show-page-wrap .listen_card_title{font-size:1.1rem;font-weight:800;margin:0 0 10px;color:#fff;}
.hp-show-page-wrap .listen_card_desc{font-size:.85rem;color:rgba(255,255,255,.5);margin:0 0 25px;line-height:1.6;flex-grow:1;}
.hp-show-page-wrap .btn_read{display:flex;align-items:center;justify-content:center;gap:10px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);color:#fff;text-decoration:none;padding:14px;border-radius:12px;font-weight:700;font-size:.85rem;transition:all .3s;text-transform:uppercase;letter-spacing:.5px;}
.hp-show-page-wrap .btn_read:hover,.hp-show-page-wrap .podcast_card:hover .btn_read{background:#e60000;border-color:#e60000;box-shadow:0 8px 20px rgba(230,0,0,.4);}
.hp-show-page-wrap .carousel_nav{display:flex;gap:12px;}
.hp-show-page-wrap .nav_btn{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);color:#fff;width:42px;height:42px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.3s;}
.hp-show-page-wrap .nav_btn:hover{background:#e60000;border-color:#e60000;}
.hp-show-page-wrap .brand-spotify{color:#1DB954;}
.hp-show-page-wrap .brand-apple{color:#c471ed;}
.hp-show-page-wrap .brand-deezer{color:#FEAA2D;}
.hp-show-page-wrap .brand-amazon{color:#00A8E1;}
.hp-show-page-wrap .brand-youtube{color:#FF0000;}
/* Standalone [hp_podcast_replay] */
.hp-podcast-replay-wrap{background:#0a0a0a;font-family:'Inter',sans-serif;color:#fff;}
.hp-podcast-replay-wrap,.hp-podcast-replay-wrap *{box-sizing:border-box;}
.hp-podcast-replay-wrap .listen_header_container{width:90%;max-width:1200px;margin:0 auto 30px;display:flex;justify-content:space-between;align-items:center;}
.hp-podcast-replay-wrap .listen_title{margin:0;font-size:1.1rem;font-weight:800;text-transform:uppercase;letter-spacing:1px;display:flex;align-items:center;gap:10px;color:#fff;}
.hp-podcast-replay-wrap .listen_title::before{content:'';width:8px;height:8px;background:#e60000;border-radius:50%;flex-shrink:0;}
.hp-podcast-replay-wrap .listen_carousel_wrapper{width:90%;max-width:1200px;margin:0 auto;}
.hp-podcast-replay-wrap .podcast_track{display:flex;gap:25px;overflow-x:auto;scroll-behavior:smooth;padding:15px 0 35px;scrollbar-width:none;}
.hp-podcast-replay-wrap .podcast_track::-webkit-scrollbar{display:none;}
.hp-podcast-replay-wrap .podcast_card{flex:0 0 300px;background:#141414;border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:30px;display:flex;flex-direction:column;transition:all .4s cubic-bezier(.175,.885,.32,1.275);}
.hp-podcast-replay-wrap .podcast_card:hover{border-color:#e60000;transform:translateY(-8px);box-shadow:0 15px 30px rgba(0,0,0,.5);}
.hp-podcast-replay-wrap .listen_card_icon{font-size:2rem;color:#e60000;margin-bottom:20px;}
.hp-podcast-replay-wrap .listen_card_title{font-size:1.1rem;font-weight:800;margin:0 0 10px;color:#fff;}
.hp-podcast-replay-wrap .listen_card_desc{font-size:.85rem;color:rgba(255,255,255,.5);margin:0 0 25px;line-height:1.6;flex-grow:1;}
.hp-podcast-replay-wrap .btn_read{display:flex;align-items:center;justify-content:center;gap:10px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);color:#fff;text-decoration:none;padding:14px;border-radius:12px;font-weight:700;font-size:.85rem;transition:all .3s;text-transform:uppercase;letter-spacing:.5px;}
.hp-podcast-replay-wrap .btn_read:hover,.hp-podcast-replay-wrap .podcast_card:hover .btn_read{background:#e60000;border-color:#e60000;box-shadow:0 8px 20px rgba(230,0,0,.4);}
.hp-podcast-replay-wrap .carousel_nav{display:flex;gap:12px;}
.hp-podcast-replay-wrap .nav_btn{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);color:#fff;width:42px;height:42px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.3s;}
.hp-podcast-replay-wrap .nav_btn:hover{background:#e60000;border-color:#e60000;}
.hp-podcast-replay-wrap .brand-spotify{color:#1DB954;}
.hp-podcast-replay-wrap .brand-apple{color:#c471ed;}
.hp-podcast-replay-wrap .brand-deezer{color:#FEAA2D;}
.hp-podcast-replay-wrap .brand-amazon{color:#00A8E1;}
.hp-podcast-replay-wrap .brand-youtube{color:#FF0000;}
@media (max-width:768px){
.hp-show-page-wrap .hp-show-carousel-card{flex:0 0 150px;}
.hp-show-page-wrap .podcast_card{flex:0 0 85%;}
.hp-show-page-wrap .carousel_nav{display:none;}
.hp-podcast-replay-wrap .podcast_card{flex:0 0 85%;}
.hp-podcast-replay-wrap .carousel_nav{display:none;}
}
/* ─── [hp_partenaires] / [hp_services_locaux] ─────────────────────────── */
.hp-pack-partenaires{background:#0a0a0a;padding:40px 0;font-family:'Inter',sans-serif;color:#fff;overflow:hidden;}
.hp-pack-partenaires,.hp-pack-partenaires *{box-sizing:border-box;}
.hppa_header{width:90%;max-width:1200px;margin:0 auto 30px;display:flex;justify-content:space-between;align-items:center;gap:15px;}
.hppa_title{margin:0;font-size:1.1rem;font-weight:800;text-transform:uppercase;letter-spacing:1px;display:flex;align-items:center;gap:10px;}
.hppa_title::before{content:'';width:8px;height:8px;background:#e60000;border-radius:50%;flex-shrink:0;animation:hppa_pulse 2s infinite;}
@keyframes hppa_pulse{0%{box-shadow:0 0 0 0 rgba(230,0,0,.4)}70%{box-shadow:0 0 0 10px rgba(230,0,0,0)}100%{box-shadow:0 0 0 0 rgba(230,0,0,0)}}
.hppa_controls{display:flex;gap:12px;flex-shrink:0;}
.hppa_btn_nav{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);color:#fff;width:42px;height:42px;border-radius:50%;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;outline:none;}
.hppa_btn_nav:hover:not(:disabled){background:#e60000;border-color:#e60000;box-shadow:0 0 15px rgba(230,0,0,.4);}
.hppa_btn_nav:disabled{opacity:.1;cursor:not-allowed;background:transparent;box-shadow:none;}
.hppa_carousel_wrapper{width:90%;max-width:1200px;margin:0 auto;}
.hppa_scroll_area{width:100%;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;}
.hppa_scroll_area::-webkit-scrollbar{display:none;}
.hppa_items_list{display:flex;gap:20px;padding:10px 0 30px;}
.hppa_card{flex:0 0 calc((100% - 40px)/3);scroll-snap-align:start;background:#141414;border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:30px;display:flex;flex-direction:column;position:relative;overflow:hidden;min-height:300px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);}
.hppa_card:hover{border-color:#e60000;transform:translateY(-8px);box-shadow:0 15px 30px rgba(0,0,0,.6);}
.hppa_card_bg{position:absolute;inset:0;background-size:cover;background-position:center;opacity:.25;z-index:0;transition:opacity .4s,transform .4s;}
.hppa_card:hover .hppa_card_bg{opacity:.05!important;transform:scale(1.05);}
.hppa_card_content{position:relative;z-index:1;display:flex;flex-direction:column;height:100%;align-items:flex-start;}
.hppa_logo{height:40px!important;max-height:40px!important;width:auto!important;max-width:100%!important;margin-bottom:20px!important;display:block!important;object-fit:contain!important;}
.hppa_card_title{font-size:1.2rem;font-weight:800;margin:0 0 10px;color:#fff;}
.hppa_card_desc{font-size:.9rem;color:rgba(255,255,255,.5);margin:0 0 25px;line-height:1.6;flex-grow:1;}
.hppa_btn_action{display:flex;align-items:center;justify-content:center;gap:10px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);color:#fff;text-decoration:none;padding:14px;border-radius:12px;font-weight:700;font-size:.9rem;transition:all .3s cubic-bezier(.175,.885,.32,1.275);margin-top:auto;text-transform:uppercase;letter-spacing:.5px;width:100%;}
.hppa_btn_action:hover{background:#e60000;border-color:#e60000;box-shadow:0 8px 20px rgba(230,0,0,.4);transform:translateY(-3px) scale(1.02);color:#fff;}
@media(max-width:1024px){.hppa_card{flex:0 0 calc((100% - 20px)/2);}}
@media(max-width:768px){.hppa_card{flex:0 0 85%;}.hppa_header,.hppa_carousel_wrapper{width:92%;}}

/* ─── [hp_ecouter] nouveau design carousel ─────────────────────────────── */
.hp-pack-ecouter{background:#0a0a0a;padding:40px 0;font-family:'Inter',sans-serif;color:#fff;overflow:hidden;}
.hp-pack-ecouter,.hp-pack-ecouter *{box-sizing:border-box;}
.hpec_header{width:90%;max-width:1200px;margin:0 auto 30px;display:flex;justify-content:space-between;align-items:center;gap:15px;}
.hpec_title{margin:0;font-size:1.1rem;font-weight:800;text-transform:uppercase;letter-spacing:1px;display:flex;align-items:center;gap:10px;}
.hpec_title::before{content:'';width:8px;height:8px;background:#e60000;border-radius:50%;flex-shrink:0;animation:hppa_pulse 2s infinite;}
.hpec_controls{display:flex;gap:12px;flex-shrink:0;}
.hpec_btn_nav{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);color:#fff;width:42px;height:42px;border-radius:50%;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;outline:none;}
.hpec_btn_nav:hover:not(:disabled){background:#e60000;border-color:#e60000;box-shadow:0 0 15px rgba(230,0,0,.4);}
.hpec_btn_nav:disabled{opacity:.1;cursor:not-allowed;background:transparent;box-shadow:none;}
.hpec_carousel_wrapper{width:90%;max-width:1200px;margin:0 auto;}
.hpec_scroll_area{width:100%;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;}
.hpec_scroll_area::-webkit-scrollbar{display:none;}
.hpec_items_list{display:flex;gap:20px;padding:10px 0 30px;}
.hpec_card{flex:0 0 calc((100% - 40px)/3);scroll-snap-align:start;background:#141414;border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:30px;display:flex;flex-direction:column;transition:.4s;}
.hpec_card:hover{border-color:#e60000;transform:translateY(-8px);}
.hpec_card_icon{font-size:2rem;color:#e60000;margin-bottom:20px;}
.hpec_card_title{font-size:1.1rem;font-weight:800;margin:0 0 10px;color:#fff;}
.hpec_card_desc{font-size:.85rem;color:rgba(255,255,255,.5);margin:0 0 25px;line-height:1.6;flex-grow:1;}
.hpec_card_actions{display:flex;flex-direction:column;gap:12px;margin-top:auto;}
.hpec_btn_store{display:flex;align-items:center;justify-content:center;gap:10px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);color:#fff;text-decoration:none;padding:14px;border-radius:12px;font-weight:700;font-size:.85rem;transition:.3s;}
.hpec_btn_store:hover{background:#e60000;border-color:#e60000;color:#fff!important;}
.hpec_btn_disabled{opacity:.35;cursor:not-allowed;pointer-events:none;}
.hpec_search_wrapper{display:flex;align-items:center;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:0 15px;margin-bottom:15px;}
.hpec_search_input{flex-grow:1;background:transparent!important;border:none!important;outline:none!important;padding:14px 0;color:#fff;font-size:.9rem;font-family:'Inter',sans-serif;}
.hpec_devices_list{display:flex;flex-wrap:wrap;gap:8px;}
.hpec_device_tag{background:rgba(255,255,255,.05);color:#bbb;padding:8px 14px;border-radius:20px;font-size:.75rem;font-weight:600;cursor:default;}
.hpec_highlight{border:1px solid #e60000;color:#fff;background:rgba(230,0,0,.1);}
@media(max-width:1024px){.hpec_card{flex:0 0 calc((100% - 20px)/2);}}
@media(max-width:768px){.hpec_card{flex:0 0 85%;}.hpec_header,.hpec_carousel_wrapper{width:92%;}}

/* ─── Fix police page Podcasts ──────────────────────────────────────────── */
.hp-pack-podcasts { font-family:'Inter',sans-serif !important; }
.hp-pack-podcasts * { box-sizing:border-box; }
/* Restaurer Font Awesome (le font-family global écrasait les glyphes d'icônes) */
.hp-pack-podcasts .fas { font-family:'Font Awesome 6 Free','Font Awesome 5 Free','FontAwesome' !important; font-weight:900 !important; font-style:normal !important; }
.hp-pack-podcasts .far { font-family:'Font Awesome 6 Free','Font Awesome 5 Free','FontAwesome' !important; font-weight:400 !important; font-style:normal !important; }
.hp-pack-podcasts .fab { font-family:'Font Awesome 6 Brands','Font Awesome 5 Brands','FontAwesome' !important; font-weight:400 !important; font-style:normal !important; }

/* ─── Page émission : boutons play rouge (force sur thèmes qui overridaient) */
.hp-show-page-wrap .hp_page_episode_action{color:#e60000!important;font-size:2.2rem!important;}
.hp-show-page-wrap .hp_page_episode_item:hover .hp_page_episode_action{color:#fff!important;}

/* ─── Mini-player page émission ────────────────────────────────────────── */
.hp_show_mini_player{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:rgba(230,0,0,.95);backdrop-filter:blur(10px);color:#fff;display:flex;align-items:center;padding:10px 15px;border-radius:16px;box-shadow:0 10px 25px rgba(0,0,0,.3);width:95%;max-width:800px;height:70px;z-index:99990;box-sizing:border-box;gap:12px;font-family:'Inter',sans-serif;}
.hp_mini_art{width:45px;height:45px;border-radius:8px;object-fit:cover;flex-shrink:0;}
.hp_mini_info{flex-grow:1;display:flex;flex-direction:column;overflow:hidden;}
.hp_mini_title{font-size:.95rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.hp_mini_artist{font-size:.75rem;opacity:.8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.hp_mini_play_btn{background:#fff;color:#e60000;border:none;width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.9rem;flex-shrink:0;transition:all .2s;}
.hp_mini_play_btn:hover{transform:scale(1.1);}

/* ─── Player page émission (hp-sp-player) ─ reprend le design de page-emission.html ── */
.hp-sp-player.radio-player{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:rgba(230,0,0,.95);backdrop-filter:blur(10px);color:#fff;display:flex;align-items:center;padding:10px 15px;border-radius:16px;box-shadow:0 10px 25px rgba(0,0,0,.3);width:95%;max-width:800px;height:80px;z-index:99990;cursor:pointer;box-sizing:border-box;font-family:'Inter',sans-serif;}
.hp-sp-player.radio-player img{width:50px;height:50px;border-radius:8px;margin-right:15px;object-fit:cover;}
.hp-sp-player.fullscreen-overlay{position:fixed;top:100%;left:0;width:100vw;height:100dvh;background:#121212;z-index:999999;display:flex;flex-direction:column;transition:top .4s cubic-bezier(.22,1,.36,1);font-family:'Inter',sans-serif;}
.hp-sp-player.fullscreen-overlay.open{top:0;}
.hp-sp-player.fullscreen-overlay.open~.hp-sp-player.radio-player{transform:translateX(-50%) translateY(200%);}

/* ─── [hp_soutenir] nouveau design comment_nous_soutenir.html ──────────── */
.support_section{width:100%;padding:40px 0;overflow:hidden;background:#0a0a0a;font-family:'Inter',sans-serif;color:#fff;}
.support_section,.support_section *{box-sizing:border-box;}
.support_header_container{width:90%;max-width:1200px;margin:0 auto 30px;display:flex;justify-content:space-between;align-items:center;gap:15px;}
.support_title{margin:0;font-size:1.1rem;font-weight:800;text-transform:uppercase;letter-spacing:1px;display:flex;align-items:center;gap:10px;line-height:1.3;}
.support_title::before{content:'';width:8px;height:8px;background:#e60000;border-radius:50%;flex-shrink:0;animation:hppa_pulse 2s infinite;}
.support_controls{display:flex;gap:12px;flex-shrink:0;}
.support_btn_nav{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);color:#fff;width:42px;height:42px;border-radius:50%;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;outline:none;}
.support_btn_nav:hover:not(:disabled){background:#e60000;border-color:#e60000;box-shadow:0 0 15px rgba(230,0,0,.4);}
.support_btn_nav:disabled{opacity:.1;cursor:not-allowed;background:transparent;box-shadow:none;}
.support_carousel_wrapper{width:90%;max-width:1200px;margin:0 auto;}
.support_scroll_area{width:100%;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;}
.support_scroll_area::-webkit-scrollbar{display:none;}
.support_items_list{display:flex;gap:20px;margin:0;padding:10px 0 30px;list-style:none;}
.support_card{flex:0 0 calc((100% - 40px)/3);scroll-snap-align:start;background:#141414;border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:25px;display:flex;flex-direction:column;position:relative;overflow:hidden;min-height:340px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);}
.support_card:hover{border-color:#e60000;transform:translateY(-8px);box-shadow:0 15px 30px rgba(0,0,0,.6);}
.support_card_bg{position:absolute;inset:0;background-size:cover;background-position:center;opacity:.05;z-index:0;transition:opacity .4s;}
.support_card:hover .support_card_bg{opacity:.15;}
.support_card_content{position:relative;z-index:1;display:flex;flex-direction:column;height:100%;}
.support_card_icon{font-size:2.2rem;color:#e60000;margin-bottom:20px;animation:floatIcon 3s ease-in-out infinite;}
@keyframes floatIcon{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px);filter:drop-shadow(0 5px 10px rgba(230,0,0,.4));}}
.support_card_title{font-size:1.15rem;font-weight:800;margin:0 0 10px;color:#fff;}
.support_card_desc{font-size:.85rem;color:rgba(255,255,255,.5);margin:0 0 25px;line-height:1.6;flex-grow:1;}
.support_section .btn_action{display:flex;align-items:center;justify-content:center;gap:10px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);color:#fff;text-decoration:none;padding:14px;border-radius:12px;font-weight:700;font-size:.85rem;transition:all .3s;text-transform:uppercase;letter-spacing:.5px;}
.support_section .btn_action:hover{background:#e60000;border-color:#e60000;box-shadow:0 8px 20px rgba(230,0,0,.4);transform:scale(1.02);color:#fff;}
@media(max-width:1024px){.support_card{flex:0 0 calc((100% - 20px)/2);}}
@media(max-width:768px){.support_card{flex:0 0 85%;}.support_header_container,.support_carousel_wrapper{width:92%;}}

/* ─── Sections podcasts page accueil (hp-home-podcasts) ─────────────────── */
.hp-home-podcasts{background:#0a0a0a;padding:0 0 60px;font-family:'Inter',sans-serif;color:#fff;}
.hp-home-podcasts,.hp-home-podcasts *{box-sizing:border-box;}
.hp-hps-grid{display:flex;flex-direction:column;gap:50px;}

/* ─── Fix boutons pod_card dans le contexte hp-home-podcasts ─────────────── */
/* Réinitialise les boutons qui héritent du style thème/WP */
.hp-home-podcasts button,
.hp-home-podcasts .pod_info_btn,
.hp-home-podcasts .audio_play_btn,
.hp-home-podcasts .pod_details_close,
.hp-home-podcasts .astro_btn_nav {
    -webkit-appearance: none !important;
    appearance: none !important;
    box-shadow: none !important;
    text-shadow: none !important;
    outline: none !important;
}
/* Info btn : caché sur la page d'accueil (pas nécessaire) */
.hp-home-podcasts .pod_info_btn { display: none !important; }
/* Play btn : transparent, juste l'icône rouge */
.hp-home-podcasts .audio_play_btn {
    background: transparent !important;
    border: none !important;
    color: #e60000 !important;
    width: auto !important;
    height: auto !important;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 0 !important;
}

/* =============================================
   ÉQUIPE — [hp_team]
   ============================================= */
.hp-pack-team { background:#0a0a0a; padding:40px 0; font-family:'Inter',sans-serif; color:#fff; }
.hp-pack-team,.hp-pack-team * { box-sizing:border-box; }
.hp-pack-team .hp-container { width:90%; max-width:1200px; margin:0 auto; }
.hp-pack-team .search-wrapper { position:relative; margin-bottom:30px; max-width:500px; }
.hp-pack-team .hp-search-bar { width:100%; height:50px; background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.1); border-radius:12px; padding:0 45px; color:#fff; font-size:1rem; outline:none; transition:all .3s; }
.hp-pack-team .hp-search-bar:focus { border-color:#e60000; box-shadow:0 0 15px rgba(230,0,0,.3); }
.hp-pack-team .search-icon { position:absolute; left:18px; top:50%; transform:translateY(-50%); color:#aaa; pointer-events:none; }
.hp-pack-team .clear-btn { position:absolute; right:18px; top:50%; transform:translateY(-50%); color:#aaa; cursor:pointer; }
.hp-pack-team .hp-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(180px,1fr)); gap:20px; }
.hp-pack-team .hp-card { position:relative; aspect-ratio:3/4; border-radius:16px; background-size:cover; background-position:center top; overflow:hidden; cursor:pointer; transition:transform .3s; }
.hp-pack-team .hp-card:hover { transform:translateY(-5px); }
.hp-pack-team .hp-card::before { content:''; position:absolute; inset:0; background:linear-gradient(to top,rgba(0,0,0,.85) 0%,rgba(0,0,0,.2) 60%,transparent 100%); }
.hp-pack-team .hp-card-content { position:absolute; bottom:0; left:0; width:100%; padding:20px; z-index:2; }
.hp-pack-team .hp-card-name { margin:0 0 5px; font-size:1.1rem; font-weight:800; line-height:1.2; }
.hp-pack-team .hp-card-role { margin:0; font-size:.85rem; color:rgba(255,255,255,.8); }
.hp-pack-team .no-results-message { text-align:center; color:#888; padding:40px 0; }
.hp-pack-team .no-results-message i { font-size:2rem; margin-bottom:15px; color:#e60000; display:block; }
@media (max-width:768px) {
    .hp-pack-team { padding:30px 0; }
    .hp-pack-team .hp-grid { grid-template-columns:repeat(2,1fr); gap:15px; }
    .hp-pack-team .hp-card-name { font-size:1rem; }
}
@media (max-width:480px) {
    .hp-pack-team .hp-grid { grid-template-columns:1fr; }
}

/* =============================================
   PLAYER ÉMISSION — [hp_show id="X"]
   ============================================= */
.hp-pack-show { font-family:'Inter',sans-serif; color:#fff; background:#0a0a0a; }
.hp-pack-show,.hp-pack-show * { box-sizing:border-box; }
.hp-pack-show .hp-full-widget { width:90%; max-width:1200px; margin:0 auto; padding:40px 0; }
.hp-pack-show .hp-banner-header { position:relative; min-height:280px; border-radius:20px; background-size:cover; background-position:center; display:flex; align-items:flex-end; padding:30px; margin-bottom:40px; overflow:hidden; }
.hp-pack-show .hp-overlay-gradient { position:absolute; inset:0; background:linear-gradient(to top,rgba(10,10,10,.95) 0%,rgba(10,10,10,.5) 50%,rgba(10,10,10,.2) 100%); }
.hp-pack-show .hp-header-content { position:relative; z-index:2; display:flex; align-items:flex-end; gap:25px; flex-wrap:wrap; }
.hp-pack-show .hp-logo-img { width:120px; height:120px; object-fit:cover; border-radius:16px; box-shadow:0 10px 30px rgba(0,0,0,.5); }
.hp-pack-show .hp-header-text { flex:1; min-width:260px; }
.hp-pack-show .hp-show-title { margin:0 0 10px; font-size:clamp(1.6rem,4vw,2.5rem); font-weight:900; line-height:1.1; }
.hp-pack-show .hp-subtitle { margin:0 0 15px; font-size:1rem; color:rgba(255,255,255,.8); }
.hp-pack-show .hp-description-container { margin-bottom:15px; }
.hp-pack-show .hp-desc-text { margin:0; font-size:.95rem; line-height:1.5; color:rgba(255,255,255,.7); }
.hp-pack-show .hp-toggle-btn { background:none; border:none; color:#e60000; font-size:.8rem; font-weight:700; cursor:pointer; padding:0; margin-top:8px; text-transform:uppercase; letter-spacing:.5px; }
.hp-pack-show .hp-socials-header { display:flex; gap:12px; }
.hp-pack-show .hp-socials-header a { width:38px; height:38px; border-radius:50%; background:rgba(255,255,255,.1); display:flex; align-items:center; justify-content:center; color:#fff; text-decoration:none; transition:.3s; }
.hp-pack-show .hp-socials-header a:hover { background:#e60000; }
.hp-pack-show .hp-body-section { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(0,1fr); gap:30px; align-items:start; }
.hp-pack-show .hp-player-box { background:#141414; border:1px solid rgba(255,255,255,.08); border-radius:20px; padding:25px; display:flex; gap:25px; align-items:center; }
.hp-pack-show .hp-track-visual { flex-shrink:0; }
.hp-pack-show .hp-track-visual img { width:180px; height:180px; border-radius:16px; object-fit:cover; box-shadow:0 10px 30px rgba(0,0,0,.4); }
.hp-pack-show .hp-track-data { flex:1; min-width:0; }
.hp-pack-show .hp-meta-top { display:flex; justify-content:space-between; align-items:center; margin-bottom:12px; }
.hp-pack-show .hp-badge { background:#e60000; color:#fff; padding:5px 12px; border-radius:50px; font-size:.7rem; font-weight:800; text-transform:uppercase; letter-spacing:1px; }
.hp-pack-show .hp-btn-opt { background:rgba(255,255,255,.1); border:1px solid rgba(255,255,255,.2); color:#fff; padding:5px 12px; border-radius:8px; font-size:.8rem; font-weight:700; cursor:pointer; }
.hp-pack-show .hp-progress-wrap { display:flex; align-items:center; gap:12px; margin:20px 0; }
.hp-pack-show .hp-progress-wrap input[type=range] { flex:1; -webkit-appearance:none; height:5px; background:rgba(255,255,255,.2); border-radius:5px; outline:none; }
.hp-pack-show .hp-progress-wrap input[type=range]::-webkit-slider-thumb { -webkit-appearance:none; width:14px; height:14px; background:#fff; border-radius:50%; cursor:pointer; }
.hp-pack-show .hp-progress-wrap span { font-size:.8rem; color:#aaa; min-width:45px; text-align:center; }
.hp-pack-show .hp-controls-row { display:flex; justify-content:center; }
.hp-pack-show .hp-main-buttons { display:flex; align-items:center; gap:15px; }
.hp-pack-show .hp-main-buttons button { background:none; border:none; color:#fff; cursor:pointer; display:flex; align-items:center; justify-content:center; transition:.2s; }
.hp-pack-show .hp-play-circle { width:65px; height:65px; background:#fff; color:#000 !important; border-radius:50%; font-size:1.5rem; }
.hp-pack-show .hp-play-circle:hover { transform:scale(1.05); }
.hp-pack-show .hp-skip-btn { display:flex; flex-direction:column; align-items:center; gap:3px; font-size:.75rem; color:#aaa; }
.hp-pack-show .hp-skip-btn i { font-size:1.2rem; color:#fff; }
.hp-pack-show .hp-playlist-box { background:#141414; border:1px solid rgba(255,255,255,.08); border-radius:20px; padding:25px; }
.hp-pack-show .hp-playlist-box h4 { margin:0 0 20px; font-size:1.1rem; font-weight:800; text-transform:uppercase; letter-spacing:1px; }
.hp-pack-show .hp-day-group { margin-bottom:20px; }
.hp-pack-show .hp-day-header { display:flex; justify-content:space-between; align-items:center; padding:12px 15px; background:rgba(255,255,255,.05); border-radius:10px; cursor:pointer; margin-bottom:8px; }
.hp-pack-show .hp-day-title { font-weight:700; font-size:.95rem; }
.hp-pack-show .hp-day-header i { transition:transform .3s; }
.hp-pack-show .hp-day-group.open .hp-day-header i { transform:rotate(180deg); }
.hp-pack-show .hp-day-content { display:none; }
.hp-pack-show .hp-day-group.open .hp-day-content { display:block; }
.hp-pack-show .hp-track-item { display:flex; align-items:center; gap:12px; padding:10px; border-radius:10px; cursor:pointer; transition:.2s; }
.hp-pack-show .hp-track-item:hover { background:rgba(255,255,255,.05); }
.hp-pack-show .hp-track-img { width:50px; height:50px; border-radius:8px; object-fit:cover; }
.hp-pack-show .hp-track-info { flex:1; min-width:0; }
.hp-pack-show .hp-track-title { font-size:.9rem; font-weight:700; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin:0 0 3px; }
.hp-pack-show .hp-track-date { font-size:.75rem; color:#888; margin:0; }
.hp-pack-show .hp-track-action { color:#e60000; font-size:1.5rem; }
@media (max-width:900px) {
    .hp-pack-show .hp-body-section { grid-template-columns:1fr; }
    .hp-pack-show .hp-header-content { align-items:flex-start; }
    .hp-pack-show .hp-track-visual img { width:140px; height:140px; }
}
@media (max-width:600px) {
    .hp-pack-show .hp-banner-header { padding:20px; min-height:220px; }
    .hp-pack-show .hp-logo-img { width:90px; height:90px; }
    .hp-pack-show .hp-player-box { flex-direction:column; text-align:center; }
    .hp-pack-show .hp-track-visual img { width:160px; height:160px; }
    .hp-pack-show .hp-main-buttons { gap:10px; }
    .hp-pack-show .hp-play-circle { width:55px; height:55px; }
}

/* =============================================
   RESPONSIVE FIXES GLOBALES
   ============================================= */
@media (max-width:900px) {
    .hp-show-page-wrap .hp_hero { height:auto; min-height:100dvh; }
    .hp-show-page-wrap .hp_container { padding-bottom:min(25vh,180px); }
    .hp-show-page-wrap .hp_kicker { flex-wrap:wrap; justify-content:center; }
    .hp-show-page-wrap .hp_show_logo { max-width:100%; }
}
@media (max-width:768px) {
    .hp-home-wrap .hp_card { flex:0 0 min(320px,85vw); }
    .hp-pack-podcasts .pod_card { flex:0 0 min(260px,82vw); }
    .hp-pack-podcasts .astro_card { flex:0 0 min(165px,42vw); }
    .hp-pack-podcasts .hp-modal-box { height:95vh; max-height:95vh; }
    .hp-pack-podcasts .hp-modal-hero { height:35%; min-height:auto; }
    .hp-pack-podcasts .hp-modal-h1 { font-size:clamp(1.4rem,5vw,2rem); word-break:break-word; line-height:1.1; }
    .hp-pack-podcasts .hp-search-dropdown { max-height:min(400px,60vh); }
    .hp-pack-podcasts .hp-player-info { min-width:0; }
    .hp-pack-schedule .hp-card-title { font-size:clamp(1.25rem,4vw,1.7rem); overflow-wrap:anywhere; }
}
@media (max-width:480px) {
    .hp-home-wrap .hp_card { flex:0 0 min(280px,88vw); }
    .hp-pack-podcasts .pod_card { flex:0 0 min(240px,85vw); }
    .hp-pack-podcasts .astro_card { flex:0 0 min(150px,45vw); }
}
.hp-home-wrap .radio-player,
.hp-sp-player.radio-player,
.hp_show_mini_player { bottom:max(20px, env(safe-area-inset-bottom)); }
.hp-home-wrap .hp_nav_btn,
.hp-pack-podcasts .astro_btn_nav { min-width:44px; min-height:44px; }
.hp-home-wrap .fullscreen-overlay { inset:0; width:100%; }
.hp-home-wrap .scrollable-content-wrapper { max-height:calc(100dvh - 80px - 60px); }

/* =============================================
   RESPONSIVE EXTRA — tous les écrans
   ============================================= */
@media (max-width:360px) {
    .hp-home-wrap .hp_hero { padding-top:50px; }
    .hp-home-wrap .hp_container { width:92%; padding-bottom:230px; }
    .hp-home-wrap .hp_show_logo { max-height:60px; }
    .hp-home-wrap .hp_subtitle { font-size:.85rem; margin:8px 0 4px; }
    .hp-home-wrap .hp_btn { padding:10px 16px; font-size:.7rem; }
    .hp-home-wrap .hp_top_actions { top:95px; }
    .hp-home-wrap .hp_top_actions .hp_btn { padding:6px 8px; font-size:.7rem; }
    .hp-home-wrap .hp_scroll_hint { bottom:170px; }
    .hp-show-page-wrap .hp_show_logo { max-height:45px; }
    .hp-show-page-wrap .hp_badge { padding:3px 6px; font-size:.55rem; }
    .hp-show-page-wrap .hp_subtitle { font-size:.75rem; }
    .hp-show-page-wrap .hp_show_desc { font-size:.7rem; }
    .hp-pack-podcasts .astro_card,
    .hp-show-page-wrap .hp-show-carousel-card { flex:0 0 min(140px,42vw); }
    .hp-pack-schedule .hp-day-btn { width:38px; height:38px; font-size:.85rem; }
    .hp-pack-schedule .hp-card-title { font-size:clamp(1rem,5vw,1.4rem); }
    .hp-pack-podcasts .hp-modal-h1 { font-size:clamp(1.1rem,4.5vw,1.6rem); }
    .hp-home-wrap .fs-info h2 { font-size:16px; }
    .hp-home-wrap .fs-info h3 { font-size:12px; }
    .hp-home-wrap .btn-fs-play { width:55px; height:55px; font-size:20px; }
}

@media (max-width:320px) {
    .hp-home-wrap .hp_show_logo { max-height:50px; }
    .hp-home-wrap .hp_subtitle { font-size:.8rem; }
    .hp-show-page-wrap .hp_show_logo { max-height:40px; }
    .hp-pack-podcasts .astro_card,
    .hp-show-page-wrap .hp-show-carousel-card { flex:0 0 min(130px,44vw); }
}

@media (max-width:1024px) and (min-width:769px) {
    .hp-home-wrap .hp_container,
    .hp-show-page-wrap .hp_container,
    .hp-pack-schedule .hp-container { width:92%; }
    .hp-home-wrap .hp_song_card { width:240px; }
    .hp-pack-podcasts .astro_card { flex:0 0 min(200px,30vw); }
}

@media (min-width:1440px) {
    .hp-home-wrap .hp_container,
    .hp-show-page-wrap .hp_container,
    .hp-pack-schedule .hp-container { max-width:1400px; }
    .hp-home-wrap .hp_show_logo { max-height:160px; }
    .hp-show-page-wrap .hp_show_logo { max-height:120px; }
}

@media (min-width:1920px) {
    .hp-home-wrap .hp_container,
    .hp-show-page-wrap .hp_container,
    .hp-pack-schedule .hp-container { max-width:1600px; }
    .hp-home-wrap .hp_show_logo { max-height:180px; }
    .hp-home-wrap .hp_subtitle { font-size:1.3rem; }
    .hp-show-page-wrap .hp_show_logo { max-height:140px; }
}

/* Anti-débordement texte */
.hp-home-wrap .hp_song_details h3,
.hp-home-wrap .pc-title,
.hp-pack-podcasts .astro_card_name,
.hp-show-page-wrap .hp-show-carousel-card-name,
.hp-show-page-wrap .hp_page_episode_title,
.hp-pack-schedule .hp-card-title { overflow-wrap:anywhere; }