*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Inter,Arial,sans-serif;color:#172033;background:#fff;line-height:1.6;padding-bottom:92px}a{text-decoration:none;color:inherit}.container{width:min(1180px,92%);margin:auto}:root{--blue:#0a7cff;--blue2:#39a9ff;--dark:#06152d;--dark2:#0a2147;--text:#172033;--muted:#738198;--border:#e7edf5;--light:#f5f8fc;--radius:20px;--shadow:0 20px 60px rgba(17,61,115,.12)}.site-header{position:sticky;top:0;z-index:120;background:rgba(255,255,255,.94);backdrop-filter:blur(18px);border-bottom:1px solid var(--border)}.nav-container{min-height:80px;display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;gap:10px}.logo-mark{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--blue),var(--blue2));box-shadow:0 10px 24px rgba(10,124,255,.25)}.logo-text{display:flex;flex-direction:column;line-height:.9}.logo-text b{font-size:19px}.logo-text small{font-size:11px;color:var(--blue);font-weight:900;letter-spacing:2.4px;margin-top:5px}.main-nav{display:flex;align-items:center;gap:18px}.main-nav a{font-size:13px;font-weight:750;color:#526079}.nav-contact{padding:10px 16px;border-radius:10px;background:var(--blue);color:#fff!important}.mobile-menu-button{display:none;border:0;background:transparent;font-size:22px}.hero-v5{min-height:680px;display:flex;align-items:center;background-size:cover;background-position:center;color:#fff}.hero-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:70px;align-items:center}.hero-kicker{display:inline-flex;align-items:center;gap:9px;font-size:12px;font-weight:900;letter-spacing:1.8px;color:#b9ddff}.hero-copy h1{font-size:clamp(56px,7vw,92px);line-height:.94;letter-spacing:-5px;max-width:780px;margin:18px 0 26px}.hero-copy p{max-width:680px;font-size:18px;color:#dceeff;margin-bottom:30px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap}.hero-listen,.hero-secondary{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 22px;border-radius:12px;font-weight:850}.hero-listen{border:0;background:#fff;color:var(--blue);cursor:pointer}.hero-secondary{border:1px solid rgba(255,255,255,.35);color:#fff;background:rgba(255,255,255,.08)}.hero-badges{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.hero-badges span{padding:9px 12px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.08);border-radius:999px;font-size:12px;color:#d8eaff}.glass{background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(16px)}.live-card{padding:26px;border-radius:28px;text-align:center}.live-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.live-pill{display:inline-flex;align-items:center;gap:7px;font-size:10px;font-weight:950;letter-spacing:1.3px;color:#fff}.live-pill i{font-size:8px;color:#ff384f}.live-cover{width:min(300px,100%);aspect-ratio:1;margin:0 auto 22px;border-radius:24px;overflow:hidden;position:relative;background:linear-gradient(135deg,var(--blue),var(--dark));display:grid;place-items:center;font-size:60px}.live-cover img,.live-big-cover img,.fixed-cover img{position:absolute;width:100%;height:100%;object-fit:cover;z-index:2}.live-cover img[src=""],.live-big-cover img[src=""],.fixed-cover img[src=""]{display:none}.cover-fallback{position:absolute;inset:0;display:grid;place-items:center}.hero-round-play{width:64px;height:64px;border-radius:50%;border:0;background:#fff;color:var(--blue);font-size:20px;margin-top:22px;cursor:pointer}.section{padding:88px 0}.compact-top{padding-top:70px}.dark-section,.community-section{background:linear-gradient(135deg,#06152d,#0b244b);color:#fff}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:36px}.section-heading h2{font-size:clamp(32px,4vw,44px);line-height:1.05}.eyebrow{display:inline-block;font-size:11px;font-weight:950;letter-spacing:2px;color:var(--blue);margin-bottom:10px}.eyebrow.light{color:#8ecbff}.section-link{font-size:14px;font-weight:850;color:var(--blue)}.cards{display:grid;gap:22px}.cards.two{grid-template-columns:repeat(2,1fr)}.cards.three{grid-template-columns:repeat(3,1fr)}.cards.four{grid-template-columns:repeat(4,1fr)}.track-cards{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.track-card{background:#fff;border:1px solid var(--border);border-radius:18px;padding:14px;box-shadow:0 12px 34px rgba(25,76,130,.07)}.track-cover{aspect-ratio:1;border-radius:14px;background:linear-gradient(135deg,#eaf4ff,#d9ecff);display:grid;place-items:center;overflow:hidden;color:var(--blue);font-size:34px}.track-cover img{width:100%;height:100%;object-fit:cover}.track-card-meta{padding:13px 2px 2px}.track-card-meta span{font-size:9px;font-weight:950;letter-spacing:1.5px;color:var(--blue)}.track-card-meta strong{display:block;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-card-meta p{color:var(--muted);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-cards-large{grid-template-columns:repeat(4,1fr)}.feature-card{padding:28px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.06);border-radius:20px}.feature-card i{font-size:30px;color:#55b4ff}.feature-card h3{margin:15px 0 7px}.feature-card p{color:#aec3dc}.show-card{padding:30px;border-radius:20px;border:1px solid var(--border);background:#fff}.show-time{color:var(--blue);font-weight:900}.show-card h3{font-size:23px;margin:10px 0}.show-card p{color:var(--muted)}.show-card span{display:block;margin-top:20px;color:#8ba0b7;font-size:12px}.community-card{padding:24px;border-radius:20px;background:rgba(255,255,255,.065);border:1px solid rgba(255,255,255,.1)}.community-head{display:flex;gap:14px;align-items:center;margin-bottom:18px}.community-head>i{font-size:32px}.community-head p{color:#9bb5d1}.widget-frame{min-height:270px;border-radius:14px;overflow:hidden;background:rgba(0,0,0,.16);padding:10px}.widget-frame iframe{width:100%;min-height:250px;border:0}.page-hero{padding:100px 0;color:#fff}.page-hero.premium{background:radial-gradient(circle at 80% 20%,rgba(10,124,255,.45),transparent 35%),linear-gradient(120deg,#06152d,#0b2f65)}.page-hero h1{font-size:clamp(46px,6vw,72px);line-height:.98;margin:10px 0 18px}.page-hero p{color:#d8eaff;font-size:18px}.weekly-grid{display:grid;grid-template-columns:repeat(7,minmax(185px,1fr));gap:15px;overflow-x:auto}.day-column{min-width:185px}.day-column h2{font-size:20px;margin-bottom:15px;color:var(--blue)}.schedule-card{padding:17px;border:1px solid var(--border);border-radius:14px;margin-bottom:11px;background:#fff}.schedule-card strong{color:var(--blue);font-size:13px}.schedule-card h3{font-size:17px;margin:6px 0}.schedule-card p{font-size:13px;color:var(--muted)}.news-card,.team-card,.podcast-card{background:#fff;border:1px solid var(--border);border-radius:20px;overflow:hidden;box-shadow:var(--shadow)}.news-image,.team-photo,.podcast-cover{height:220px;background:linear-gradient(135deg,var(--blue),var(--dark));display:grid;place-items:center;color:#fff;font-size:50px;overflow:hidden}.news-image img,.team-photo img,.podcast-cover img{width:100%;height:100%;object-fit:cover}.news-content,.team-card>div:last-child,.podcast-card>div:last-child{padding:24px}.news-content span,.team-card span,.podcast-card span{font-size:10px;font-weight:950;letter-spacing:1.5px;color:var(--blue)}.news-content h2,.news-content h3{margin:7px 0}.news-content p,.team-card p,.podcast-card p{color:var(--muted)}.article-body{color:#46566f}.partner-grid{margin-top:30px}.partner{min-height:110px;border:1px solid var(--border);border-radius:16px;display:grid;place-items:center;padding:18px;background:#fff;color:#8997a9;font-weight:900}.partner img{max-width:82%;max-height:68px}.live-page-hero{padding:90px 0;background:radial-gradient(circle at 75% 30%,rgba(10,124,255,.45),transparent 28%),linear-gradient(135deg,#041123,#0a2a59);color:#fff}.live-page-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center}.live-big-cover{aspect-ratio:1;border-radius:30px;overflow:hidden;position:relative;background:linear-gradient(135deg,var(--blue),var(--dark));display:grid;place-items:center;font-size:70px}.live-page-content h1{font-size:clamp(44px,6vw,72px);line-height:1;margin:18px 0 8px}.live-page-content h2{font-size:30px;color:#a9d8ff}.community-live-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:25px}.community-panel{background:#fff;border:1px solid var(--border);border-radius:20px;padding:24px;box-shadow:var(--shadow)}.community-panel h2{margin-bottom:7px}.community-form{display:grid;gap:15px;margin-top:20px}.community-form label{display:grid;gap:7px;font-weight:750;font-size:14px}.community-form input,.community-form textarea,.chat-form input{width:100%;padding:13px 14px;border:1px solid var(--border);border-radius:11px;font:inherit}.chat-title-row{display:flex;justify-content:space-between;align-items:start}.chat-online{font-size:10px;font-weight:900;color:#1fbf71}.chat-online i{font-size:7px}.chat-messages{height:430px;overflow-y:auto;border:1px solid var(--border);border-radius:14px;padding:12px;margin:18px 0;background:#f8fbff}.chat-message{padding:10px 12px;border-bottom:1px solid #e8eef5}.chat-message strong{display:block;color:var(--blue)}.chat-message span{display:block}.chat-message small{color:#9aa7b7}.chat-form{display:grid;grid-template-columns:130px 1fr 46px;gap:8px}.chat-form button{border:0;background:var(--blue);color:#fff;border-radius:10px}.ranking-list{display:grid;gap:12px}.ranking-item{display:grid;grid-template-columns:55px 64px 1fr auto auto;align-items:center;gap:16px;padding:14px 18px;border:1px solid var(--border);border-radius:16px;background:#fff}.rank-number{font-size:26px;font-weight:900;color:var(--blue)}.rank-cover{width:64px;height:64px;border-radius:12px;overflow:hidden;background:#edf5ff;display:grid;place-items:center;color:var(--blue)}.rank-cover img{width:100%;height:100%;object-fit:cover}.rank-meta strong,.rank-meta span{display:block}.rank-meta span{color:var(--muted)}.rank-votes{font-weight:800;color:#526079}.vote-button{border:0;background:var(--blue);color:#fff;padding:10px 14px;border-radius:10px;font-weight:800;cursor:pointer}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px}.contact-form{display:grid;gap:16px}.contact-form label,.admin-form label,.login-box label{display:grid;gap:7px;font-size:14px;font-weight:750}.contact-form input,.contact-form textarea,.admin-form input,.admin-form textarea,.admin-form select,.login-box input{width:100%;padding:13px 14px;border:1px solid var(--border);border-radius:11px;font:inherit}.submit-button{border:0;background:var(--blue);color:#fff;padding:14px 22px;border-radius:11px;font-weight:850;cursor:pointer}.muted{color:var(--muted)}.alert{padding:14px;border-radius:11px;background:#fff0f0;color:#8d2d2d;margin:14px 0}.success{background:#eafaf0;color:#17643b}.site-footer{background:#020b18;color:#fff;padding-top:58px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:44px;padding-bottom:44px}.footer-brand{margin-bottom:14px}.footer-grid a:not(.logo){display:block;color:#7187a1;margin:7px 0}.footer-bottom{border-top:1px solid rgba(255,255,255,.07);padding:19px;text-align:center;color:#5d718a}.fixed-player{position:fixed;left:0;right:0;bottom:0;z-index:300;height:92px;background:rgba(3,12,28,.97);display:grid;grid-template-columns:76px 1fr auto auto;align-items:center;padding:10px 24px;color:#fff}.fixed-cover{width:64px;height:64px;border-radius:13px;overflow:hidden;position:relative;background:linear-gradient(135deg,var(--blue),var(--dark2));display:grid;place-items:center}.fixed-meta{min-width:0;padding-left:12px}.fixed-meta strong,.fixed-meta span{display:block}.fixed-meta strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fixed-meta>span:last-child{color:#9fb5ce;font-size:13px}.listener-counter{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:10px;background:rgba(255,255,255,.06);color:#b9cee5;margin-right:15px}.fixed-actions{display:flex;align-items:center;gap:17px}.main-play{width:54px;height:54px;border:0;border-radius:50%;background:var(--blue);color:#fff;font-size:18px}.eq{display:flex;align-items:center;gap:3px;height:28px}.eq i{display:block;width:3px;height:12px;border-radius:3px;background:#44abff;opacity:.6}.radio-playing .eq i{animation:eq .8s infinite alternate}.eq i:nth-child(2){animation-delay:.1s}.eq i:nth-child(3){animation-delay:.2s}.eq i:nth-child(4){animation-delay:.3s}@keyframes eq{to{height:27px}}.volume-box{display:flex;align-items:center;gap:8px}.volume-box input{width:100px}.more-live{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:rgba(255,255,255,.07)}.login-page{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#041123,#0a2a59)}.login-box{width:min(430px,92%);background:#fff;padding:35px;border-radius:22px;display:grid;gap:15px}.login-brand{width:60px;height:60px;border-radius:18px;display:grid;place-items:center;margin:auto;background:linear-gradient(135deg,var(--blue),var(--blue2));color:#fff}.login-box h1{text-align:center}.login-box h1 span{color:var(--blue)}.login-box>p{text-align:center;color:var(--muted)}.admin-body{background:#f4f7fb;padding-bottom:0}.admin-layout{min-height:100vh;display:grid;grid-template-columns:245px 1fr}.admin-side{background:linear-gradient(180deg,#05142c,#071c3d);color:#fff;padding:28px 18px;display:flex;flex-direction:column;gap:7px}.admin-brand{display:flex;align-items:center;gap:10px;margin-bottom:20px;padding:0 10px}.admin-brand>i{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(135deg,var(--blue),var(--blue2))}.admin-brand span{display:flex;flex-direction:column}.admin-brand small{color:#55b4ff;font-size:9px;letter-spacing:2px;font-weight:900}.admin-side a{padding:11px 12px;color:#aec3dc;border-radius:10px}.admin-side a:hover{background:rgba(255,255,255,.07);color:#fff}.admin-main{padding:40px;max-width:1220px;width:100%}.admin-top{display:flex;align-items:end;justify-content:space-between;margin-bottom:24px}.admin-top h1{font-size:38px}.admin-view-site{color:var(--blue);font-weight:800}.admin-stat{padding:25px;border:1px solid var(--border);border-radius:18px;background:#fff}.admin-stat b{display:block;font-size:34px;color:var(--blue)}.admin-stat span{color:var(--muted)}.admin-note{margin-top:24px;padding:28px;border-radius:18px;background:#fff;border:1px solid var(--border)}.admin-main>h1{margin-bottom:24px}.admin-form{background:#fff;border:1px solid var(--border);border-radius:18px;padding:24px;display:grid;gap:15px;margin-bottom:24px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.admin-table{background:#fff;border:1px solid var(--border);border-radius:18px;overflow:hidden}.admin-table>div{padding:16px 18px;border-bottom:1px solid var(--border)}.admin-table span{float:right;color:var(--blue)}.admin-message p{margin:7px 0}.admin-message small{color:var(--muted)}audio{width:100%;margin-top:12px}.loading{padding:20px;color:var(--muted)}@media(max-width:1000px){.main-nav{display:none;position:absolute;left:0;right:0;top:80px;background:#fff;padding:20px;flex-direction:column}.main-nav.mobile-open{display:flex}.mobile-menu-button{display:block}.hero-grid{grid-template-columns:1fr}.live-card{max-width:470px}.track-cards{grid-template-columns:repeat(3,1fr)}.cards.three,.cards.four{grid-template-columns:repeat(2,1fr)}.community-live-grid{grid-template-columns:1fr}.admin-layout{grid-template-columns:1fr}.admin-main{padding:24px}}@media(max-width:700px){body{padding-bottom:84px}.hero-v5{min-height:640px}.hero-copy h1{letter-spacing:-3px}.live-card{display:none}.section{padding:66px 0}.section-heading{align-items:flex-start;flex-direction:column;gap:12px}.cards.two,.cards.three,.cards.four{grid-template-columns:1fr}.track-cards,.track-cards-large{grid-template-columns:repeat(2,1fr)}.contact-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.fixed-player{height:84px;grid-template-columns:58px 1fr auto;padding:8px 12px}.fixed-cover{width:52px;height:52px}.listener-counter,.eq,.volume-box,.more-live{display:none}.main-play{width:48px;height:48px}.chat-form{grid-template-columns:1fr 48px}.chat-form input:first-child{grid-column:1/-1}.ranking-item{grid-template-columns:42px 54px 1fr}.rank-votes,.vote-button{grid-column:3}.form-row{grid-template-columns:1fr}}
/* V5.2 corrections */
main{display:block;min-height:55vh}
.site-footer{position:relative;z-index:20;display:block;width:100%}
.fixed-player{visibility:visible;opacity:1}
.soft-section{background:#f5f8fc}
.home-more .news-card{height:100%}
.live-cover img,.live-big-cover img,.fixed-cover img{display:block}
.live-cover img[src=""],.live-big-cover img[src=""],.fixed-cover img[src=""]{display:none}
@media(max-width:700px){
  .site-footer{padding-bottom:10px}
}


/* =========================================================
   V5.3 - HORAIRES / RÉSEAUX / APPLICATIONS MOBILES
========================================================= */
.track-status-row{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
    min-width:0
}
.track-status-row time{
    font-size:10px;
    font-weight:800;
    color:#8a9bb0;
    white-space:nowrap
}
.track-status-row time i{margin-right:3px}
.current-track-time,.live-track-time{
    margin-top:7px;
    color:#9fcfff;
    font-size:12px;
    font-weight:800
}
.social-apps-section{background:#f5f8fc}
.social-apps-grid{
    display:grid;
    grid-template-columns:.9fr 1.4fr;
    gap:24px
}
.social-panel,.apps-panel{
    background:#fff;
    border:1px solid var(--border);
    border-radius:24px;
    padding:30px;
    box-shadow:var(--shadow)
}
.social-panel h3,.apps-panel h3{font-size:26px;margin-bottom:8px}
.social-panel>p,.apps-panel p{color:var(--muted)}
.social-buttons{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:11px;
    margin-top:24px
}
.social-button{
    min-height:52px;
    display:flex;
    align-items:center;
    gap:11px;
    padding:12px 14px;
    border:1px solid var(--border);
    border-radius:14px;
    background:#fff;
    font-weight:800;
    color:#34445b;
    transition:.18s
}
.social-button i{
    width:28px;
    height:28px;
    display:grid;
    place-items:center;
    border-radius:9px;
    background:#edf6ff;
    color:var(--blue)
}
.social-button:not(.disabled):hover{
    transform:translateY(-2px);
    border-color:#bddcff
}
.social-button.disabled{opacity:.55;cursor:not-allowed}
.mobile-app-cards{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:16px;
    margin-top:24px
}
.mobile-app-card{
    display:block;
    border:1px solid var(--border);
    border-radius:20px;
    overflow:hidden;
    background:#fff;
    color:inherit
}
.mobile-app-card.disabled{opacity:.72}
.mobile-app-image{
    min-height:235px;
    background:linear-gradient(145deg,#06152d,#0c4692);
    overflow:hidden;
    display:grid;
    place-items:center
}
.mobile-app-image img{
    width:100%;
    height:235px;
    object-fit:cover
}
.phone-placeholder{
    width:150px;
    height:205px;
    border:6px solid rgba(255,255,255,.88);
    border-radius:27px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    color:#fff;
    background:rgba(255,255,255,.07)
}
.phone-placeholder>i{font-size:42px;margin-bottom:15px}
.phone-placeholder span{font-weight:900}
.phone-placeholder small{color:#a9d7ff;margin-top:4px}
.mobile-app-label{
    display:flex;
    align-items:center;
    gap:12px;
    padding:14px 16px
}
.mobile-app-label>i{font-size:27px;color:#111}
.mobile-app-label small,.mobile-app-label strong{display:block;line-height:1.1}
.mobile-app-label small{font-size:9px;color:var(--muted)}
.mobile-app-label strong{margin-top:3px;font-size:16px}
.footer-grid-v53{grid-template-columns:1.6fr .8fr .8fr 1.15fr}
.footer-socials{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.footer-socials a,.footer-social-disabled{
    width:38px;height:38px;border-radius:10px;
    display:grid;place-items:center;
    background:rgba(255,255,255,.07);
    color:#aac6e4
}
.footer-socials a:hover{background:var(--blue);color:#fff}
.footer-social-disabled{opacity:.4}
.footer-apps{display:grid;align-content:start;gap:10px}
.footer-apps h3{margin-bottom:4px}
.footer-app-badge{
    min-height:56px;
    border:1px solid rgba(255,255,255,.10);
    background:rgba(255,255,255,.055);
    border-radius:12px;
    display:flex!important;
    align-items:center;
    gap:11px;
    padding:9px 12px;
    margin:0!important;
    color:#d7e8fa!important
}
.footer-app-badge img{
    width:40px;height:40px;border-radius:9px;object-fit:cover
}
.footer-app-badge>i{font-size:25px;width:32px;text-align:center}
.footer-app-badge small,.footer-app-badge strong{display:block;line-height:1.05}
.footer-app-badge small{font-size:9px;color:#7187a1}
.footer-app-badge strong{font-size:14px;margin-top:3px}
.footer-app-badge.disabled{opacity:.55}
.admin-app-preview{display:flex;gap:14px;flex-wrap:wrap}
.admin-app-preview img{width:180px;height:120px;object-fit:cover;border-radius:12px;border:1px solid var(--border)}

@media(max-width:1000px){
    .social-apps-grid{grid-template-columns:1fr}
    .footer-grid-v53{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:700px){
    .mobile-app-cards{grid-template-columns:1fr}
    .social-buttons{grid-template-columns:1fr 1fr}
    .footer-grid-v53{grid-template-columns:1fr}
}
@media(max-width:420px){
    .social-buttons{grid-template-columns:1fr}
}


/* =========================================================
   VOLTIGE RADIO V6 - THEMES / LOGOS / PLAYER
========================================================= */
:root{
    --blue:var(--theme-primary,#0b7fff);
    --blue2:var(--theme-secondary,#48bdff);
    --accent:var(--theme-primary,#0b7fff);
}
a{transition:color .18s,background .18s,border-color .18s,transform .18s}
.section-link,.news-content>span,.podcast-card>div>span{color:var(--theme-link,#1795ff)}
.hero-listen,.submit-button,.main-play,.nav-player{background:var(--theme-button,#0b7fff)!important}
.logo-mark,.social-button i{background:linear-gradient(135deg,var(--theme-primary),var(--theme-secondary))}
.site-logo-image{display:block;max-width:190px;max-height:58px;object-fit:contain}
.footer-logo-image{max-width:175px;max-height:66px}
.fixed-player-logo{width:34px;height:34px;object-fit:contain;border-radius:8px;margin-right:8px}
.fixed-brand-row{display:flex;align-items:center;gap:6px}
.theme-toggle{
    width:38px;height:38px;border-radius:11px;border:1px solid rgba(0,0,0,.08);
    background:rgba(255,255,255,.8);cursor:pointer;color:#10213a
}
.nav-player{color:#fff!important;padding:9px 13px!important;border-radius:10px}
.theme-color-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.theme-color-grid input[type=color]{width:100%;height:48px;padding:4px;border-radius:10px}
.theme-preview{
    --preview-primary:#0b7fff;--preview-secondary:#48bdff;
    --preview-button:#0b7fff;--preview-link:#1795ff;
    margin:16px 0 28px;padding:20px;border-radius:18px;border:1px solid #dde6f0;
    background:linear-gradient(135deg,#07162b,#0c294f);color:#fff;display:flex;
    align-items:center;gap:14px;flex-wrap:wrap
}
.theme-preview-logo{font-weight:900;color:var(--preview-secondary)}
.theme-preview button{border:0;border-radius:10px;padding:11px 16px;background:var(--preview-button);color:#fff;font-weight:800}
.theme-preview a{color:var(--preview-link);font-weight:800}

/* dark appearance */
html[data-appearance="dark"] body{background:#06101f;color:#e9f2fb}
html[data-appearance="dark"] .section,
html[data-appearance="dark"] .soft-section,
html[data-appearance="dark"] .social-apps-section{background:#06101f}
html[data-appearance="dark"] .site-header{background:rgba(5,15,30,.96);border-color:rgba(255,255,255,.08)}
html[data-appearance="dark"] .main-nav a{color:#dceaf8}
html[data-appearance="dark"] .show-card,
html[data-appearance="dark"] .news-card,
html[data-appearance="dark"] .podcast-card,
html[data-appearance="dark"] .social-panel,
html[data-appearance="dark"] .apps-panel,
html[data-appearance="dark"] .track-card{background:#0b1b31;color:#fff;border-color:rgba(255,255,255,.08)}
html[data-appearance="dark"] .social-panel>p,
html[data-appearance="dark"] .apps-panel p,
html[data-appearance="dark"] .show-card p{color:#91a8c0}
html[data-appearance="dark"] .social-button,
html[data-appearance="dark"] .mobile-app-card{background:#0e213b;color:#eaf4ff;border-color:rgba(255,255,255,.08)}
html[data-appearance="dark"] .theme-toggle{background:#112943;color:#fff;border-color:rgba(255,255,255,.1)}

@media(max-width:850px){
    .theme-color-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:520px){
    .theme-color-grid{grid-template-columns:1fr}
    .site-logo-image{max-width:145px}
}


/* =========================================================
   V6.1 - MODE MAINTENANCE ADMIN
========================================================= */
.maintenance-admin-card{
    margin:0 0 28px;
    padding:24px;
    border-radius:20px;
    border:1px solid rgba(11,127,255,.18);
    background:linear-gradient(135deg,rgba(11,127,255,.08),rgba(72,189,255,.035));
}
.maintenance-admin-card h2{margin:5px 0 7px}
.maintenance-admin-card p{color:#71839a;max-width:820px}
.maintenance-admin-label{
    color:var(--theme-primary,#0b7fff);
    font-size:10px;
    letter-spacing:1.7px;
    font-weight:900
}
.maintenance-switch{
    margin:18px 0;
    display:flex!important;
    align-items:center;
    gap:12px;
    cursor:pointer
}
.maintenance-switch input{
    position:absolute;
    opacity:0;
    pointer-events:none
}
.maintenance-slider{
    width:54px;
    height:30px;
    border-radius:999px;
    background:#cbd6e2;
    position:relative;
    transition:.2s
}
.maintenance-slider:before{
    content:'';
    width:22px;
    height:22px;
    border-radius:50%;
    background:#fff;
    position:absolute;
    left:4px;
    top:4px;
    box-shadow:0 2px 8px rgba(0,0,0,.18);
    transition:.2s
}
.maintenance-switch input:checked + .maintenance-slider{
    background:var(--theme-primary,#0b7fff)
}
.maintenance-switch input:checked + .maintenance-slider:before{
    transform:translateX(24px)
}
.maintenance-switch-text{
    font-weight:850;
    color:#29394d
}
.maintenance-links{
    display:flex;
    gap:10px;
    flex-wrap:wrap;
    margin-top:13px
}
.maintenance-links a{
    display:inline-flex;
    align-items:center;
    min-height:40px;
    padding:0 13px;
    border-radius:10px;
    background:#fff;
    border:1px solid #dbe4ee;
    color:#31445a;
    font-weight:800
}
html[data-appearance="dark"] .maintenance-admin-card{
    background:linear-gradient(135deg,rgba(11,127,255,.13),rgba(72,189,255,.05));
    border-color:rgba(255,255,255,.08)
}
html[data-appearance="dark"] .maintenance-switch-text{color:#e7f1fb}

/* =========================================================
   V7 PRO MODULES
========================================================= */
.ad-section{padding:16px 0;background:#f7faff}
.ad-banner{display:block;position:relative;border-radius:18px;overflow:hidden;min-height:90px;background:#0a1728}
.ad-banner img,.ad-banner video{display:block;width:100%;height:120px;object-fit:cover}
.ad-banner>span{position:absolute;right:10px;top:8px;background:#0009;color:#fff;padding:4px 7px;border-radius:6px;font-size:8px;font-weight:900}
.today-shows-section{background:linear-gradient(180deg,#07182e,#0a2240);color:#fff}
.featured-show{display:grid;grid-template-columns:230px 1fr;gap:24px;align-items:center;padding:22px;border-radius:24px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.08)}
.featured-show-image{height:180px;border-radius:18px;overflow:hidden;display:grid;place-items:center;background:linear-gradient(135deg,var(--theme-primary),#06182c);font-size:54px}
.featured-show-image img{width:100%;height:100%;object-fit:cover}
.featured-show h2{font-size:34px;margin:8px 0}.featured-show p{color:#a8bdd2}
.today-show-strip{display:flex;gap:10px;overflow:auto;margin-top:16px;padding-bottom:5px}
.today-show-item{min-width:180px;padding:12px;border-radius:13px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.07)}
.today-show-item b,.today-show-item span{display:block}.today-show-item b{color:var(--theme-secondary);font-size:11px}.today-show-item span{font-weight:800;margin-top:4px}
.media-grid,.media-home-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.media-card,.media-home-card{background:#fff;border:1px solid var(--border);border-radius:18px;overflow:hidden;box-shadow:var(--shadow);color:inherit}
.media-card img,.media-home-card img{width:100%;height:230px;object-fit:cover;display:block}.media-card>div:last-child,.media-home-card>div:last-child{padding:15px}
.media-card span,.media-home-card span{font-size:9px;font-weight:900;color:var(--theme-primary)}.media-card h3{margin:6px 0}
.media-placeholder{height:190px;display:grid;place-items:center;font-size:42px;background:#eaf3fd;color:var(--theme-primary)}
.video-frame{height:230px;background:#041123}.video-frame video{width:100%;height:100%;object-fit:contain}.external-video{height:100%;display:grid;place-items:center;position:relative}.external-video img{width:100%;height:100%;object-fit:cover}.external-video i{position:absolute;font-size:52px;color:#fff}
.home-duo{display:grid;grid-template-columns:1fr 1fr;gap:30px}.mini-agenda{display:grid;gap:9px}.mini-agenda a{display:flex;gap:13px;align-items:center;padding:12px;border-radius:13px;background:#fff;border:1px solid var(--border);color:inherit}.mini-agenda a>b{color:var(--theme-primary);font-size:18px}.mini-agenda strong,.mini-agenda span{display:block}.mini-agenda span{font-size:11px;color:var(--muted)}
.home-contest-card{display:grid;grid-template-columns:150px 1fr;background:#07182e;color:#fff;border-radius:18px;overflow:hidden}.home-contest-card img{width:150px;height:170px;object-fit:cover}.home-contest-card>div{padding:20px}.home-contest-card span{font-size:9px;color:var(--theme-secondary);font-weight:900}.home-contest-card h3{font-size:28px;margin:5px 0}.home-contest-card p{color:#aac0d7}
.agenda-grid,.contest-grid{display:grid;gap:18px}.agenda-card{display:grid;grid-template-columns:95px 200px 1fr;gap:18px;align-items:center;background:#fff;border:1px solid var(--border);border-radius:18px;overflow:hidden;padding:14px}.agenda-card>img{width:200px;height:130px;object-fit:cover;border-radius:13px}.agenda-date{text-align:center}.agenda-date b{font-size:38px;display:block;color:var(--theme-primary)}.agenda-date span{font-size:10px;font-weight:900}.agenda-copy>span{font-size:10px;color:var(--theme-primary);font-weight:900}.agenda-copy h3{margin:5px 0}
.contest-card{display:grid;grid-template-columns:minmax(240px,35%) 1fr;background:#fff;border-radius:22px;border:1px solid var(--border);overflow:hidden}.contest-card>img{width:100%;height:100%;min-height:340px;object-fit:cover}.contest-copy{padding:28px}.contest-copy>span{font-size:10px;color:var(--theme-primary);font-weight:900}.contest-copy h2{font-size:32px}.contest-form{margin-top:18px}.contest-status{margin-top:8px;font-weight:800}.contest-status.success{color:#14915a}.contest-status.error{color:#d53645}
.fixed-player{overflow:visible}.player-blur-bg{position:absolute;inset:0;z-index:-1;background-size:cover;background-position:center;filter:blur(25px) brightness(.38);transform:scale(1.12);opacity:.38;border-radius:inherit}
.fixed-stream-select{display:flex;align-items:center;gap:6px}.fixed-stream-select select{max-width:145px;border:1px solid rgba(255,255,255,.1);background:#071729;color:#fff;border-radius:9px;padding:7px}
.player-icon-btn{width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.07);color:#fff;border-radius:10px;cursor:pointer}
.fixed-topvote-panel{position:absolute;right:15px;bottom:84px;width:min(390px,calc(100vw - 30px));padding:14px;background:#061426;color:#fff;border:1px solid rgba(255,255,255,.12);border-radius:17px;box-shadow:0 25px 70px #0008;display:none}.fixed-topvote-panel.open{display:block}
.topvote-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.topvote-head button{background:none;border:0;color:#fff;font-size:25px;cursor:pointer}
.fixed-vote-row{display:grid;grid-template-columns:20px 38px 1fr auto;gap:8px;align-items:center;padding:7px 0;border-bottom:1px solid rgba(255,255,255,.06)}.fixed-vote-row img,.vote-cover-fallback{width:38px;height:38px;border-radius:8px;object-fit:cover;display:grid;place-items:center;background:#102944}.fixed-vote-row strong,.fixed-vote-row span{display:block}.fixed-vote-row span{font-size:9px;color:#89a5bf}.mini-vote-btn{border:0;background:var(--theme-primary);color:#fff;border-radius:8px;padding:7px;font-size:10px;cursor:pointer}.topvote-more{display:block;text-align:center;margin-top:10px;color:var(--theme-secondary);font-weight:900;font-size:11px}
.check-label{display:flex!important;align-items:center;gap:8px}.check-label input{width:auto!important}
html[data-appearance="dark"] .media-card,html[data-appearance="dark"] .agenda-card,html[data-appearance="dark"] .contest-card,html[data-appearance="dark"] .mini-agenda a{background:#0b1b31;color:#fff;border-color:rgba(255,255,255,.08)}
@media(max-width:1000px){.media-grid,.media-home-grid{grid-template-columns:repeat(2,1fr)}.home-duo{grid-template-columns:1fr}.featured-show{grid-template-columns:180px 1fr}.agenda-card{grid-template-columns:80px 150px 1fr}.agenda-card>img{width:150px}}
@media(max-width:720px){.featured-show{grid-template-columns:1fr}.featured-show-image{height:210px}.contest-card{grid-template-columns:1fr}.contest-card>img{min-height:220px;max-height:280px}.agenda-card{grid-template-columns:70px 1fr}.agenda-card>img{display:none}.fixed-stream-select{display:none}.media-grid,.media-home-grid{grid-template-columns:1fr 1fr}}
@media(max-width:460px){.media-grid,.media-home-grid{grid-template-columns:1fr}}

/* V7.1 - multiflux cleanup */
.fixed-stream-select{
    min-width:150px;
    display:flex;
    align-items:center;
    gap:7px;
    padding:6px 8px;
    border-radius:11px;
    background:rgba(255,255,255,.055);
    border:1px solid rgba(255,255,255,.08)
}
.fixed-stream-select>i{color:#8ec9ff}
.fixed-stream-select select{
    width:100%;
    max-width:165px;
    border:0!important;
    outline:0;
    background:transparent!important;
    color:#fff;
    font-size:11px;
    font-weight:800;
    padding:4px 0!important
}
.fixed-stream-select select option{color:#111}


/* =========================================================
   V7.2 - HEADER COMPACT & ERGONOMIQUE
========================================================= */
.site-header{
    z-index:500;
    background:rgba(255,255,255,.92);
    backdrop-filter:blur(20px);
    -webkit-backdrop-filter:blur(20px)
}
.nav-container{min-height:70px}
.main-nav{
    gap:5px;
    margin-left:auto
}
.main-nav>a,
.nav-dropdown-toggle{
    height:40px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    padding:0 11px;
    border:0;
    border-radius:10px;
    background:transparent;
    color:#536176;
    font:inherit;
    font-size:12px;
    font-weight:800;
    cursor:pointer;
    white-space:nowrap
}
.main-nav>a:hover,
.nav-dropdown-toggle:hover,
.nav-dropdown.open>.nav-dropdown-toggle{
    color:var(--theme-primary);
    background:rgba(11,127,255,.07)
}
.nav-home i{font-size:11px}
.nav-dropdown{position:relative}
.nav-dropdown-toggle>i{
    font-size:9px;
    transition:transform .2s
}
.nav-dropdown.open>.nav-dropdown-toggle>i{transform:rotate(180deg)}
.nav-dropdown-menu{
    position:absolute;
    top:calc(100% + 10px);
    left:50%;
    transform:translate(-50%,8px);
    width:310px;
    padding:9px;
    border-radius:17px;
    background:rgba(255,255,255,.98);
    border:1px solid #e8edf4;
    box-shadow:0 24px 70px rgba(18,48,82,.18);
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transition:.18s ease
}
.nav-dropdown.open>.nav-dropdown-menu{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transform:translate(-50%,0)
}
@media(min-width:1081px){
    .nav-dropdown:hover>.nav-dropdown-menu{
        opacity:1;
        visibility:visible;
        pointer-events:auto;
        transform:translate(-50%,0)
    }
    .nav-dropdown:hover>.nav-dropdown-toggle>i{transform:rotate(180deg)}
}
.nav-dropdown-menu>a{
    display:grid!important;
    grid-template-columns:38px 1fr;
    align-items:center;
    gap:9px;
    min-height:54px;
    padding:8px 10px!important;
    border-radius:11px;
    color:#25364b!important
}
.nav-dropdown-menu>a:hover{background:#f2f7fd}
.nav-dropdown-menu>a>i{
    width:38px;height:38px;
    display:grid;place-items:center;
    border-radius:10px;
    background:#edf6ff;
    color:var(--theme-primary);
    font-size:14px
}
.nav-dropdown-menu a span{min-width:0}
.nav-dropdown-menu a b,
.nav-dropdown-menu a small{display:block}
.nav-dropdown-menu a b{font-size:12px}
.nav-dropdown-menu a small{
    margin-top:1px;
    color:#8a99ab;
    font-size:9px;
    font-weight:600
}
.nav-player{
    margin-left:6px;
    padding:0 15px!important;
    height:40px!important;
    box-shadow:0 8px 20px rgba(11,127,255,.2)
}
.theme-toggle{
    width:40px;height:40px;
    flex:0 0 40px
}
.site-logo-image{max-height:48px;max-width:165px}
.logo-mark{width:38px;height:38px;border-radius:11px}
.logo-text b{font-size:17px}
.logo-text small{font-size:9px}

html[data-appearance="dark"] .nav-dropdown-menu{
    background:#0a1b31;
    border-color:rgba(255,255,255,.08);
    box-shadow:0 24px 70px rgba(0,0,0,.45)
}
html[data-appearance="dark"] .nav-dropdown-menu>a{color:#e7f1fb!important}
html[data-appearance="dark"] .nav-dropdown-menu>a:hover{background:#102741}
html[data-appearance="dark"] .nav-dropdown-menu>a>i{background:#102a49}
html[data-appearance="dark"] .nav-dropdown-menu a small{color:#7994af}
html[data-appearance="dark"] .nav-dropdown-toggle{color:#dceaf8}

@media(max-width:1080px){
    .nav-container{min-height:66px}
    .mobile-menu-button{
        display:grid;
        place-items:center;
        width:42px;height:42px;
        border-radius:11px;
        background:#f2f7fc;
        color:#172942;
        cursor:pointer
    }
    .main-nav{
        display:none;
        position:absolute;
        left:0;right:0;top:66px;
        max-height:calc(100vh - 66px);
        overflow:auto;
        padding:12px min(4vw,28px) 24px;
        background:rgba(255,255,255,.985);
        border-top:1px solid var(--border);
        box-shadow:0 30px 60px rgba(0,0,0,.12);
        flex-direction:column;
        align-items:stretch;
        gap:4px
    }
    .main-nav.mobile-open{display:flex}
    .main-nav>a,
    .nav-dropdown-toggle{
        width:100%;
        min-height:46px;
        height:auto;
        justify-content:space-between;
        padding:11px 13px;
        border-radius:11px;
        font-size:13px
    }
    .nav-home{justify-content:flex-start!important}
    .nav-home i{margin-right:3px}
    .nav-dropdown{width:100%}
    .nav-dropdown-menu{
        position:static;
        width:auto;
        transform:none!important;
        padding:3px 0 6px 13px;
        border:0;
        box-shadow:none;
        background:transparent;
        opacity:1;
        visibility:visible;
        pointer-events:auto;
        display:none
    }
    .nav-dropdown.open>.nav-dropdown-menu{display:grid}
    .nav-dropdown-menu>a{
        min-height:49px;
        padding:6px 8px!important
    }
    .nav-dropdown-menu>a>i{
        width:34px;height:34px
    }
    .nav-player{
        margin:6px 0 0;
        justify-content:center!important;
        color:#fff!important
    }
    .theme-toggle{
        width:100%;
        height:44px;
        margin-top:2px
    }
    html[data-appearance="dark"] .main-nav{
        background:rgba(5,15,30,.99);
        border-color:rgba(255,255,255,.08)
    }
    html[data-appearance="dark"] .mobile-menu-button{
        background:#112943;color:#fff
    }
}
@media(max-width:430px){
    .site-logo-image{max-width:135px}
    .logo-text b{font-size:15px}
}


/* =========================================================
   V7.3 - PAGES / PLAYER FIXE / HISTORIQUE
========================================================= */
.page-hero-grid{display:grid;grid-template-columns:1fr auto;align-items:center;gap:30px}
.page-hero-icon{
    width:110px;height:110px;border-radius:28px;display:grid;place-items:center;
    font-size:44px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1)
}
.empty-showcase{
    min-height:310px;display:flex;flex-direction:column;align-items:center;justify-content:center;
    text-align:center;padding:35px;border-radius:24px;border:1px dashed #ccd9e7;
    background:linear-gradient(180deg,#f8fbff,#f2f7fd)
}
.empty-showcase>i{font-size:48px;color:var(--theme-primary);margin-bottom:12px}
.empty-showcase h3{font-size:27px;margin:0 0 9px}.empty-showcase p{max-width:610px;color:#71839a;line-height:1.7}
.empty-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:13px}.empty-actions a,.primary-link-btn{padding:11px 15px;border-radius:10px;background:var(--theme-button);color:#fff;font-weight:850}
.featured-event-card{display:grid;grid-template-columns:minmax(250px,38%) 1fr;overflow:hidden;border-radius:24px;background:#071a31;color:#fff}
.featured-event-card>img{width:100%;height:100%;min-height:300px;object-fit:cover}.featured-event-copy{padding:30px}.featured-event-copy h2{font-size:36px;margin:7px 0}.featured-event-copy p{color:#a9bfd4;line-height:1.65}
.event-meta{display:flex;gap:14px;flex-wrap:wrap;margin:12px 0 18px}.event-meta span{font-size:11px;color:#b8cbe0}
.agenda-placeholder{width:200px;height:130px;border-radius:13px;display:grid;place-items:center;font-size:36px;background:#eaf3fd;color:var(--theme-primary)}
.contest-info-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.contest-info-strip>div{display:flex;align-items:center;gap:10px;padding:15px;border-radius:14px;background:#fff;border:1px solid var(--border)}.contest-info-strip i{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:#edf6ff;color:var(--theme-primary)}
.contest-media{min-height:320px}.contest-media img{width:100%;height:100%;object-fit:cover}.contest-placeholder{height:100%;min-height:320px;display:grid;place-items:center;font-size:70px;background:linear-gradient(135deg,#091a31,var(--theme-primary));color:#fff}.contest-deadline{margin:8px 0 18px;color:#7b8ca0;font-size:11px;font-weight:700}
.gallery-grid{columns:4 240px;column-gap:14px}.gallery-card{position:relative;width:100%;margin:0 0 14px;padding:0;border:0;border-radius:16px;overflow:hidden;background:#0b1a2d;cursor:pointer;break-inside:avoid}.gallery-card img{display:block;width:100%;height:auto}.gallery-overlay{position:absolute;inset:auto 0 0;padding:40px 14px 13px;color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.78));text-align:left}.gallery-overlay b,.gallery-overlay small{display:block}.gallery-overlay small{font-size:10px;color:#c6d5e3;margin-top:3px}.gallery-overlay>i{position:absolute;right:13px;bottom:14px}
.lightbox-modal{position:fixed;inset:0;z-index:2000;background:rgba(0,0,0,.88);display:none;place-items:center;padding:30px}.lightbox-modal.open{display:grid}.lightbox-modal img{max-width:min(1100px,92vw);max-height:80vh;border-radius:14px}.lightbox-modal button{position:absolute;right:25px;top:18px;background:none;border:0;color:#fff;font-size:42px;cursor:pointer}.lightbox-modal div{color:#fff;text-align:center;margin-top:10px;font-weight:800}
.video-library-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.video-library-card{border-radius:18px;overflow:hidden;background:#fff;border:1px solid var(--border);box-shadow:var(--shadow)}.video-card-copy{padding:17px}.video-card-copy>span{font-size:9px;font-weight:900;color:var(--theme-primary)}.video-card-copy h3{margin:5px 0}.video-card-copy p{color:var(--muted)}.video-placeholder{height:100%;display:grid;place-items:center;font-size:55px;background:#061426;color:#ff334a}

/* player fixed repaired */
.fixed-player{
    display:grid!important;
    grid-template-columns:auto minmax(180px,1fr) minmax(150px,auto) auto auto!important;
    align-items:center!important;
    gap:12px!important;
    min-height:74px!important;
    padding:8px 15px!important;
    overflow:visible!important
}
.fixed-cover{align-self:center!important}
.fixed-meta{min-width:0!important}
.fixed-meta strong,.fixed-meta>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fixed-controls{display:flex;align-items:center;gap:10px;justify-content:flex-end;min-width:max-content}
.fixed-quick-actions{display:flex;align-items:center;gap:6px}
.player-icon-btn{
    width:auto!important;
    min-width:40px!important;
    height:40px!important;
    padding:0 10px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:6px!important;
    position:relative!important;
    z-index:20!important;
    color:#fff!important;
    text-decoration:none!important
}
.player-icon-btn span{font-size:9px;font-weight:850;display:inline!important}
.main-play{position:relative!important;z-index:20!important;flex:0 0 auto}
.volume-box{position:relative!important;z-index:20!important;display:flex!important;align-items:center!important}
.fixed-topvote-panel{z-index:1000!important}
.listener-counter{white-space:nowrap}
@media(max-width:1180px){
    .fixed-player{grid-template-columns:auto minmax(150px,1fr) auto auto!important}
    .listener-counter{display:none}
    .player-icon-btn span{display:none!important}
    .player-icon-btn{width:40px!important;padding:0!important}
}
@media(max-width:850px){
    .fixed-player{grid-template-columns:auto minmax(120px,1fr) auto!important}
    .fixed-stream-select{display:none!important}
    .volume-box{display:none!important}
}
@media(max-width:600px){
    .fixed-player{grid-template-columns:auto minmax(0,1fr) auto!important;padding:8px 10px!important;gap:8px!important}
    .fixed-quick-actions .player-icon-btn:nth-child(3){display:none!important}
    .fixed-quick-actions{gap:4px}
    .player-icon-btn{width:36px!important;height:36px!important;min-width:36px!important}
    .main-play{width:42px!important;height:42px!important}
}

/* history cards */
#tracksList,.tracks-list,.recent-tracks-grid{
    max-height:none!important;
    overflow:visible!important
}
.track-card{min-height:78px}
html[data-appearance="dark"] .empty-showcase,
html[data-appearance="dark"] .contest-info-strip>div,
html[data-appearance="dark"] .video-library-card{background:#0b1b31;color:#fff;border-color:rgba(255,255,255,.08)}
@media(max-width:760px){
    .page-hero-grid{grid-template-columns:1fr}.page-hero-icon{display:none}
    .featured-event-card{grid-template-columns:1fr}.featured-event-card>img{min-height:220px;max-height:280px}
    .contest-info-strip{grid-template-columns:1fr}.video-library-grid{grid-template-columns:1fr}
}


/* =========================================================
   V7.4 - HISTORIQUE TITRES + BANDEAUX PREMIUM
========================================================= */
.page-hero.premium{
    position:relative;
    overflow:hidden;
    background:
      radial-gradient(circle at 80% 20%,rgba(10,124,255,.45),transparent 35%),
      linear-gradient(120deg,#06152d,#0b2f65)!important;
    color:#fff!important
}
.page-hero.premium:after{
    content:"";
    position:absolute;
    width:320px;height:320px;
    right:-90px;bottom:-190px;
    border-radius:50%;
    border:1px solid rgba(255,255,255,.08);
    box-shadow:0 0 0 55px rgba(255,255,255,.025),0 0 0 110px rgba(255,255,255,.018);
    pointer-events:none
}
.page-hero.premium .container{position:relative;z-index:1}
.page-hero.premium .page-hero-icon{
    color:#fff;
    background:rgba(255,255,255,.075);
    border-color:rgba(255,255,255,.12);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.08)
}
.page-hero.premium .eyebrow{color:#8ecbff}
.page-hero.premium p{color:#d8eaff}