/* ════════════════════════════════════════════════════════════════
   BLS RADIO — INNER v5 « RAW SIGNAL »
   Pages intérieures. Se charge APRÈS style.css et home.css :
   réutilise topbar / rails / ticker / tcard / pm-card / crew / faq5
   et surcharge les composants de contenu en esthétique brute.
   ════════════════════════════════════════════════════════════════ */

/* topbar : page active */
.topbar-nav a.on{color:var(--volt);box-shadow:inset 0 -2px 0 var(--volt)}

/* ── EN-TÊTE DE PAGE ── */
.page5{padding-top:56px}
.page5-head{position:relative;padding:72px 26px 44px;border-bottom:1px solid var(--line);overflow:hidden}
.page5-crumb{display:flex;align-items:center;gap:12px;font-family:var(--font-mono);font-size:9px;letter-spacing:.26em;text-transform:uppercase;color:var(--text-3);margin-bottom:26px;flex-wrap:wrap}
.page5-crumb a{transition:color .15s}
.page5-crumb a:hover{color:var(--volt)}
.page5-crumb i{font-style:normal;color:var(--blue-mid)}
.page5-no{font-family:var(--font-mono);font-size:11px;letter-spacing:.3em;color:var(--volt);display:block;margin-bottom:10px}
.page5-title{font-family:var(--font-display);font-size:clamp(58px,10.5vw,158px);line-height:.86;letter-spacing:.01em;text-transform:uppercase}
.page5-title .ow{color:transparent;-webkit-text-stroke:2px var(--volt)}
.page5-desc{max-width:600px;margin-top:24px;font-size:14.5px;line-height:1.75;color:var(--text-2)}
.page5-ghost{position:absolute;right:-2%;top:-8%;font-family:var(--font-display);font-size:clamp(150px,30vw,420px);line-height:1;
  color:transparent;-webkit-text-stroke:1px rgba(30,90,255,.10);pointer-events:none;user-select:none;text-transform:uppercase;white-space:nowrap}
.page5-aside{position:absolute;right:26px;bottom:20px;font-family:var(--font-mono);font-size:9px;letter-spacing:.3em;text-transform:uppercase;color:var(--text-3)}

/* ── CARTE BRUTE GÉNÉRIQUE (remplace les glass-card) ── */
.rs-card{background:transparent;border:1px solid var(--line);padding:26px;transition:border-color .2s,box-shadow .2s}
.rs-card:hover{border-color:rgba(200,255,59,.4)}
.rs-title{font-family:var(--font-mono);font-size:9px;letter-spacing:.32em;text-transform:uppercase;color:var(--volt);margin-bottom:18px}

/* override des composants v4 encore présents dans les contenus repris */
.glass-card{background:transparent;border:1px solid var(--line);border-radius:0;backdrop-filter:none;-webkit-backdrop-filter:none}
.glass-card:hover{transform:none;border-color:rgba(200,255,59,.45);box-shadow:0 0 30px rgba(200,255,59,.07)}
.btn-primary{border-radius:0;background:var(--volt);box-shadow:none}
.btn-primary:hover{transform:none;box-shadow:0 0 30px rgba(200,255,59,.3)}
.btn-pulse,.btn-glass{border-radius:0}

/* ── MANIFESTO + SPECS (à propos, dj) ── */
.manif{padding:64px 26px}
.manif p{font-family:var(--font-display);font-size:clamp(28px,4.2vw,60px);line-height:1.02;letter-spacing:.02em;text-transform:uppercase;color:var(--text-2);max-width:24ch}
.manif p em{font-style:normal;color:var(--text)}
.manif p .v{color:var(--volt)}
.specs{display:grid;grid-template-columns:repeat(6,1fr);border-top:1px solid var(--line)}
.specs--4{grid-template-columns:repeat(4,1fr)}
.spec{padding:26px 22px 30px;border-right:1px solid var(--line);transition:background .15s}
.spec:last-child{border-right:0}
.spec:hover{background:var(--volt)}
.spec:hover *{color:var(--ink) !important;-webkit-text-stroke:0}
.spec-val{font-family:var(--font-display);font-size:clamp(34px,3.6vw,56px);line-height:1;color:var(--text)}
.spec-val.outline{color:transparent;-webkit-text-stroke:1.5px var(--volt)}
.spec-key{font-family:var(--font-mono);font-size:8.5px;letter-spacing:.3em;text-transform:uppercase;color:var(--text-3);margin-top:10px}

/* ── SPLIT TEXTE / IMAGE ── */
.split5{display:grid;grid-template-columns:1.1fr .9fr;gap:0;border-bottom:1px solid var(--line)}
.split5>div{padding:54px 30px}
.split5>div:first-child{border-right:1px solid var(--line)}
.split5 h2{font-family:var(--font-display);font-size:clamp(30px,3.6vw,50px);letter-spacing:.03em;text-transform:uppercase;margin-bottom:20px}
.split5 p{color:var(--text-2);font-size:14.5px;line-height:1.8;margin-bottom:16px}
.split5 p strong{color:var(--text)}
.split5 .fig{padding:0;position:relative;overflow:hidden;min-height:340px}
.split5 .fig img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(1.05)}
.split5 .fig::after{content:"";position:absolute;inset:0;background:linear-gradient(200deg,transparent 50%,rgba(3,6,13,.55))}

/* ════════════════════════════════════════
   ÉVÉNEMENTS — surcharges brutes
   ════════════════════════════════════════ */
.events5{padding:0 26px 70px}
/* sélecteur de mois (sticky sous la topbar, ancres SEO) */
.month-nav{position:sticky;top:56px;z-index:45;display:flex;flex-wrap:wrap;gap:0;margin:0 -26px 44px;padding:0 26px;
  background:rgba(3,6,13,.88);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.month-nav-label{display:flex;align-items:center;font-family:var(--font-mono);font-size:8.5px;letter-spacing:.34em;text-transform:uppercase;color:var(--text-3);padding:0 18px 0 0;border-right:1px solid var(--line);margin-right:2px}
.month-nav a{font-family:var(--font-display);font-size:19px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-2);
  padding:15px 20px;border-right:1px solid var(--line);position:relative;transition:color .15s,background .15s}
.month-nav a:last-of-type{border-right:0}
.month-nav a:hover{color:var(--text);background:rgba(200,255,59,.06)}
.month-nav a.on{color:var(--ink);background:var(--volt)}
.month-nav a.off{opacity:.3;pointer-events:none}
.month-nav a sup{font-family:var(--font-mono);font-size:8px;letter-spacing:.1em;color:var(--volt);margin-left:6px;vertical-align:super}
.month-nav a.on sup{color:var(--ink)}
.events-month-section{scroll-margin-top:128px}
@media (max-width:720px){
  .month-nav{margin:0 -16px 36px;padding:0 16px;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none}
  .month-nav::-webkit-scrollbar{display:none}
  .month-nav a{font-size:17px;padding:13px 16px;white-space:nowrap}
  .month-nav-label{display:none}
}
.events-filter{display:flex;gap:0;flex-wrap:wrap;margin:0 0 56px;border:1px solid var(--line);width:fit-content;max-width:100%}
.filter-btn{font-family:var(--font-mono);font-size:9.5px;letter-spacing:.22em;text-transform:uppercase;
  padding:13px 19px;border:0;border-right:1px solid var(--line);border-radius:0;color:var(--text-2);background:transparent;transition:all .15s}
.filter-btn:last-child{border-right:0}
.filter-btn:hover{color:var(--text);background:rgba(200,255,59,.07);border-color:var(--line)}
.filter-btn.active{background:var(--volt);color:var(--ink);font-weight:700;box-shadow:none}
.events-month-section{margin-bottom:60px}
.events-month-label{display:flex;align-items:baseline;gap:18px;margin-bottom:22px;
  font-family:var(--font-display);font-size:clamp(36px,5vw,64px);letter-spacing:.03em;text-transform:uppercase}
.events-month-label::before{content:"//";color:var(--volt);font-size:.5em;font-family:var(--font-mono)}
.events-month-count{font-family:var(--font-mono);font-size:10px;letter-spacing:.3em;color:var(--text-3)}
.event-card-full{border-radius:0;margin-bottom:-1px;padding:26px 28px}
.event-card-full::before{width:4px;background:var(--volt)}
.event-card-full:hover{box-shadow:none;background:rgba(200,255,59,.04)}
.event-card-day{color:var(--volt)}
.event-card-genre{color:var(--blue-light)}
.event-badge{border-radius:0}
.event-card-action .btn-primary{border-radius:0}

/* ════════════════════════════════════════
   ARTICLES
   ════════════════════════════════════════ */
.art5-head{padding:64px 26px 0;border-bottom:1px solid var(--line)}
.art5-meta-top{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;
  font-family:var(--font-mono);font-size:9.5px;letter-spacing:.26em;text-transform:uppercase;color:var(--text-3);margin-bottom:26px}
.art5-meta-top .cat{color:var(--volt)}
.art5-title{font-family:var(--font-display);font-size:clamp(40px,6.4vw,96px);line-height:.92;letter-spacing:.015em;text-transform:uppercase;max-width:24ch}
.art5-byline{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin:26px 0 34px;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.14em;color:var(--text-2)}
.art5-byline .author-av{border-radius:0;background:var(--volt);color:var(--ink)}
.art5-figure{position:relative;margin:0 -26px;border-top:1px solid var(--line)}
.art5-figure img{width:100%;height:min(58vh,560px);object-fit:cover;display:block;filter:saturate(1.05)}
.art5-figure::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,6,13,.18),transparent 35%,rgba(3,6,13,.4))}
.art5-figure figcaption{position:absolute;bottom:14px;left:26px;font-family:var(--font-mono);font-size:9px;letter-spacing:.26em;text-transform:uppercase;color:var(--text-2)}

.article-body-wrap{padding-top:50px}
.article-body-main blockquote{border-radius:0}
.article-body-main figure img{border-radius:0}
.article-tags span,.article-tags a,.tag{border-radius:0}
.share-btn{border-radius:0}
.related-grid .tcard .tcard-img{border:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.art5-related{border-top:1px solid var(--line);padding:0 0 0}
.art5-related .sec-head{border-top:0}

/* sidebar article */
.article-aside .rs-card .btn-primary{width:100%;justify-content:center}
.aside-links a{display:block;font-size:13px;color:var(--text-2);padding:9px 0;border-bottom:1px solid var(--line);transition:color .15s,padding-left .25s var(--ease)}
.aside-links a:last-child{border-bottom:0}
.aside-links a:hover{color:var(--volt);padding-left:8px}

/* ════════════════════════════════════════
   DJ
   ════════════════════════════════════════ */
.dj5-hero{position:relative;min-height:82svh;display:flex;align-items:flex-end;padding:120px 26px 0;overflow:hidden;border-bottom:1px solid var(--line)}
.dj5-hero-bg{position:absolute;inset:0}
.dj5-hero-bg img{width:100%;height:100%;object-fit:cover;opacity:.38;filter:saturate(1.05)}
.dj5-hero-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,6,13,.35),var(--ink) 96%)}
.dj5-hero-in{position:relative;z-index:2;width:100%;padding-bottom:44px}
.dj5-name{font-family:var(--font-display);font-size:clamp(70px,13vw,200px);line-height:.84;letter-spacing:.005em;text-transform:uppercase}
.dj5-name .ow{color:transparent;-webkit-text-stroke:2.5px var(--volt)}
.dj5-tags{display:flex;gap:0;flex-wrap:wrap;margin:26px 0;border:1px solid var(--line);width:fit-content}
.dj5-tags span{font-family:var(--font-mono);font-size:9.5px;letter-spacing:.24em;text-transform:uppercase;padding:11px 18px;border-right:1px solid var(--line);color:var(--blue-pale)}
.dj5-tags span:last-child{border-right:0}
.dj5-desc{max-width:620px;color:var(--text-2);font-size:15px;line-height:1.75;margin-bottom:28px}
.dj-layout{padding:60px 26px 80px}
.dj-quote{border-radius:0}
.sidebar-date-day{color:var(--volt)}

/* ════════════════════════════════════════
   CONTACT
   ════════════════════════════════════════ */
.contact5{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);border-bottom:1px solid var(--line)}
.contact5>*{padding:48px 30px}
.contact5>*:first-child{border-right:1px solid var(--line)}
.contact-info-item{border-bottom:1px solid var(--line)}
.contact-info-icon{border-radius:0;background:rgba(30,90,255,.12);border:1px solid var(--line)}
.form-input,.form-select,.form-textarea{border-radius:0;background:transparent;border:1px solid var(--line)}
.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--volt);box-shadow:4px 4px 0 rgba(200,255,59,.25)}
.form-label{color:var(--text-3)}
.form-feedback{border-radius:0}

/* ════════════════════════════════════════
   SPONSORS (page) : grille statique de pm-cards
   ════════════════════════════════════════ */
.pm-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-bottom:1px solid var(--line)}
.pm-grid .pm-card{width:auto;border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:40px 32px}
.pm-grid .pm-card:nth-child(3n){border-right:0}
.pm-grid .pm-card:hover{transform:none;box-shadow:inset 0 0 50px rgba(200,255,59,.06)}
.pm-grid .pm-logo{height:110px}
.pm-grid .pm-logo img{max-height:92px;max-width:260px}
.pm-grid .pm-name{font-size:clamp(26px,2.4vw,36px)}
.pm-desc{font-size:13px;color:var(--text-2);line-height:1.7;margin-top:12px}

/* ════════════════════════════════════════
   LECTEUR PLEIN ÉCRAN
   ════════════════════════════════════════ */
.lecteur5{min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px;padding:90px 20px 60px;position:relative;overflow:hidden}
.lecteur5-bg{position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(800px 520px at 50% 38%, rgba(30,90,255,.16), transparent 65%)}
.lecteur5-brand{text-align:center;position:relative;z-index:2}
.lecteur5-brand h1{font-family:var(--font-display);font-size:clamp(44px,7vw,80px);letter-spacing:.06em;line-height:1}
.lecteur5-brand p{font-family:var(--font-mono);font-size:9.5px;letter-spacing:.44em;text-transform:uppercase;color:var(--volt);margin-top:8px}
.lecteur5-meta{display:flex;gap:0;border:1px solid var(--line);position:relative;z-index:2}
.lecteur5-meta span{font-family:var(--font-mono);font-size:9px;letter-spacing:.26em;text-transform:uppercase;color:var(--text-3);padding:11px 20px;border-right:1px solid var(--line)}
.lecteur5-meta span:last-child{border-right:0}
.lecteur5-meta .live{color:var(--volt);display:flex;align-items:center;gap:8px}
.lecteur5-meta .live::before{content:"";width:6px;height:6px;background:var(--volt);box-shadow:0 0 10px var(--volt);animation:blink 1.5s infinite}
.lecteur5-back{position:fixed;top:74px;left:84px;z-index:75;font-family:var(--font-mono);font-size:9.5px;letter-spacing:.26em;text-transform:uppercase;color:var(--text-2);display:flex;align-items:center;gap:10px;border:1px solid var(--line);padding:10px 16px;transition:all .15s}
.lecteur5-back:hover{background:var(--volt);color:var(--ink);border-color:var(--volt)}

/* ════════════════════════════════════════
   LÉGAL / HORS-LIGNE
   ════════════════════════════════════════ */
.legal-wrap{padding-top:36px;max-width:880px}
.lg-maj{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--volt);border:1px solid rgba(200,255,59,.4);background:rgba(200,255,59,.05);padding:9px 16px;margin-bottom:30px}
.lg-maj::before{content:"";width:7px;height:7px;background:var(--volt);box-shadow:0 0 8px var(--volt);border-radius:50%}
/* section légale */
.lg-block{padding:30px 0;border-top:1px solid var(--line)}
.lg-block:first-of-type{border-top:0;padding-top:6px}
.lg-head{display:flex;align-items:baseline;gap:14px;margin-bottom:18px}
.lg-num{font-family:var(--font-mono);font-size:11px;letter-spacing:.2em;color:var(--volt);padding-top:4px}
.lg-head h2{font-family:var(--font-display);font-size:clamp(24px,3vw,40px);line-height:1;letter-spacing:.03em;text-transform:uppercase;color:var(--text)}
.lg-block p{color:var(--text-2);font-size:14px;line-height:1.8;margin-bottom:14px;max-width:74ch}
.lg-block p strong{color:var(--text);font-weight:600}
/* carte info (label / valeur) */
.lg-card{display:grid;grid-template-columns:200px 1fr;gap:18px;border:1px solid var(--line);padding:16px 20px;margin-bottom:10px;background:rgba(255,255,255,.012);transition:border-color .2s}
.lg-card:hover{border-color:rgba(200,255,59,.35)}
.lg-card-l{font-family:var(--font-mono);font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--volt);align-self:center}
.lg-card-v{font-size:13.5px;line-height:1.6;color:var(--text-2)}
.lg-card-v strong{color:var(--text)}
/* pills (données collectées) */
.lg-pills{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 16px}
.lg-pills span{font-family:var(--font-mono);font-size:11px;letter-spacing:.04em;color:var(--blue-pale);border:1px solid var(--line);padding:8px 14px;background:rgba(30,90,255,.07);transition:all .2s}
.lg-pills span:hover{border-color:var(--blue-mid);color:var(--text)}
/* grille des droits */
.lg-rights{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:6px 0 16px}
.lg-right{border:1px solid var(--line);border-left:2px solid var(--volt);padding:13px 16px;font-size:12.5px;line-height:1.55;color:var(--text-2);transition:background .2s}
.lg-right:hover{background:rgba(200,255,59,.04)}
.lg-right b{display:block;font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--text);margin-bottom:3px}
/* liste sécurité / destinataires */
.lg-sec{list-style:none;padding:0;margin:6px 0 16px;display:flex;flex-direction:column;gap:1px}
.lg-sec li{position:relative;padding:11px 16px 11px 38px;font-size:13px;line-height:1.5;color:var(--text-2);border:1px solid var(--line);margin-top:-1px;background:rgba(255,255,255,.01)}
.lg-sec li::before{content:"✓";position:absolute;left:15px;top:11px;color:var(--volt);font-size:12px}
.legal-wrap a{color:var(--blue-light);text-decoration:underline;text-underline-offset:2px}
.legal-wrap a:hover{color:var(--volt)}
@media (max-width:640px){
  .lg-card{grid-template-columns:1fr;gap:6px}
  .lg-rights{grid-template-columns:1fr}
}

.offline5{min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:24px;padding:40px}
.offline5 h1{font-family:var(--font-display);font-size:clamp(58px,11vw,140px);line-height:.9;letter-spacing:.01em;text-transform:uppercase}
.offline5 h1 span{color:transparent;-webkit-text-stroke:2px var(--volt)}
.offline5 p{color:var(--text-2);max-width:440px;font-size:14.5px}

/* ════════════════════════════════════════
   RESPONSIVE
   ════════════════════════════════════════ */
@media (max-width:1080px){
  .specs{grid-template-columns:repeat(3,1fr)}
  .specs--4{grid-template-columns:repeat(2,1fr)}
  .spec{border-bottom:1px solid var(--line)}
  .spec:nth-child(3n){border-right:0}
  .pm-grid{grid-template-columns:1fr 1fr}
  .pm-grid .pm-card:nth-child(3n){border-right:1px solid var(--line)}
  .pm-grid .pm-card:nth-child(2n){border-right:0}
  .split5,.contact5{grid-template-columns:1fr}
  .split5>div:first-child,.contact5>*:first-child{border-right:0;border-bottom:1px solid var(--line)}
  .article-body-wrap{grid-template-columns:1fr}
  .article-aside{position:static}
  .dj-layout{grid-template-columns:1fr}
  .dj-sidebar{position:static}
}
@media (max-width:720px){
  .page5-head{padding:54px 20px 36px}
  .events5{padding:0 16px 60px}
  .art5-head{padding:50px 18px 0}
  .art5-figure{margin:0 -18px}
  .lecteur5-back{left:18px;top:66px}
  .pm-grid{grid-template-columns:1fr}
  .pm-grid .pm-card{border-right:0 !important}
  .specs,.specs--4{grid-template-columns:1fr 1fr}
  .spec:nth-child(2n){border-right:0}
  .spec:nth-child(3n){border-right:1px solid var(--line)}
}