/* Calendrier des mobilisations, petition, messages du mur des paroles */
.calendrier{margin:0 0 18px;padding:18px 20px 20px;border-radius:var(--radius);background:linear-gradient(100deg,#101218,#1c2030);border:1px solid rgba(255,255,255,.08);box-shadow:var(--shadow);color:#f4f2ec}
.calendrier h2{margin:0 0 14px;font-size:.8rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--jaune)}
.cal-liste{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.cal-jour{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"mois mois" "num acte" "num sous" "etat etat";column-gap:14px;row-gap:2px;align-items:center;padding:14px 16px;border-radius:14px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1)}
.cal-num{grid-area:num;font-size:3rem;font-weight:900;line-height:1;letter-spacing:-.04em}
.cal-mois{grid-area:mois;font-size:.68rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;opacity:.7}
.cal-acte{grid-area:acte;font-size:1.05rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
.cal-sous{grid-area:sous;font-size:.85rem;opacity:.85}
.cal-etat{grid-area:etat;justify-self:start;margin-top:10px;padding:3px 10px;border-radius:999px;font-size:.7rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;background:rgba(255,255,255,.14)}
.cal-jour.passe{opacity:.7}
.cal-jour.passe .cal-num{text-decoration:line-through;text-decoration-thickness:.1em;text-decoration-color:var(--rouge)}
.cal-jour.en-cours{background:var(--jaune);border-color:var(--jaune);color:#15161a;box-shadow:0 0 0 3px rgba(245,196,0,.25)}
.cal-jour.en-cours .cal-etat{background:var(--rouge);color:#fff}
.cal-jour.en-cours .cal-etat:before{content:"";display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:#fff;animation:gjpulse 1.4s ease-in-out infinite}
.cal-jour.a-venir{border-color:rgba(255,122,0,.55)}
.cal-jour.a-venir .cal-etat{background:#ff7a00;color:#15161a}
.cal-jour.a-venir .cal-sous{color:#ffb15c;font-weight:700}
@keyframes gjpulse{0%,100%{opacity:1}50%{opacity:.25}}
@media (prefers-reduced-motion:reduce){.cal-jour.en-cours .cal-etat:before{animation:none}}
@media (max-width:720px){.cal-liste{grid-template-columns:1fr}}

.petition{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 24px;align-items:center;margin:0 0 18px;padding:18px 20px;border-radius:var(--radius);background:var(--card);border:1px solid var(--line);border-left:8px solid var(--rouge);box-shadow:var(--shadow);color:var(--ink)}
.petition .sur-petition{margin:0 0 4px;font-size:.72rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--rouge)}
.petition h2{margin:0 0 6px;font-size:1.3rem;line-height:1.25;text-wrap:balance}
.petition p{margin:0}
.petition .petition-texte{color:var(--muted)}
.petition .petition-action{display:flex;flex-direction:column;align-items:flex-start;gap:6px}
.petition small{color:var(--muted)}
@media (max-width:720px){.petition{grid-template-columns:1fr}}

.dixsept-accueil:after{content:attr(data-jour)}
.parole-statut{margin:0 0 10px;font-weight:700}
.parole-statut.ok{color:#1b6b3a}
.parole-statut.err{color:var(--rouge)}
.hp-champ{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}

/* automatisations */
.resume-jour{margin:0 0 18px;padding:18px 20px}
.resume-jour .sur{margin:0 0 4px;font-weight:700;text-transform:uppercase;font-size:.8rem;letter-spacing:.04em}
.resume-jour h2{margin:0 0 10px;text-transform:capitalize}
.resume-jour ul{margin:10px 0;padding-left:20px}
.resume-note,.vide{opacity:.75;font-size:.9rem}
.mob-jour h3{margin:0 0 8px}
.mesure-mob li{display:grid;grid-template-columns:150px 1fr auto;gap:10px;align-items:center;list-style:none;margin:6px 0}
.mesure-mob ul{padding:0}
.mesure-mob .barre{display:block;height:14px;background:rgba(127,127,127,.2);border-radius:7px;overflow:hidden}
.mesure-mob .barre i{display:block;height:100%;background:#f5c400}
.mesure-mob .c-organisateurs .barre i{background:#d4351c}
.bords{display:inline-flex;gap:2px;vertical-align:middle}
.bord{width:9px;height:9px;border-radius:50%;font-size:0;background:rgba(127,127,127,.35);display:inline-block}
.bord.on.b-gauche{background:#d4351c}.bord.on.b-centre{background:#888}.bord.on.b-droite{background:#1d4ed8}
#actus-plus{margin:16px auto;display:block}
table.bilan td.vide{opacity:.5}

/* radio */
.radio{display:grid;gap:16px;max-width:760px;margin:0 auto}
.radio-lecteur{aspect-ratio:16/9;width:100%;background:#000;border-radius:12px;overflow:hidden}
.radio-lecteur iframe{width:100%;height:100%;border:0}
.radio-actuel{margin:0;font-weight:700;font-size:1.15rem}
.radio-actuel small{display:block;font-weight:400;opacity:.8}
.radio-boutons{display:flex;flex-wrap:wrap;gap:8px}
.radio-liste{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.radio-liste button{width:100%;text-align:left;padding:10px 12px;border-radius:10px;border:1px solid rgba(127,127,127,.35);background:transparent;color:inherit;font:inherit;cursor:pointer}
.radio-liste li.en-lecture button{border-color:#f5c400;background:rgba(245,196,0,.15);font-weight:700}
.radio-liste li.bientot button{opacity:.5;cursor:not-allowed}
.radio-liste small{opacity:.75}

.point-direct{display:inline-block;width:10px;height:10px;border-radius:50%;background:#e11d2e;margin-right:7px;animation:pd 1.4s infinite}
@keyframes pd{50%{opacity:.3}}
.radio-direct{margin:0;font-weight:800;letter-spacing:.06em;color:#e11d2e}
.radio-suite{margin:0;opacity:.8}
.radio-accueil{display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:space-between;margin:0 0 18px;padding:18px 22px;border-radius:14px;background:rgba(10,18,48,.85);border:1px solid rgba(245,196,0,.5);color:#fff}
.radio-accueil h2{margin:2px 0}
.sur-radio{margin:0;font-weight:800;font-size:.8rem;letter-spacing:.06em;text-transform:uppercase}
.radio-accueil-titre{margin:0;opacity:.9}
.radio-accueil-action{display:grid;gap:4px;text-align:center}


.radio{position:relative}
.radio-lecteur{position:absolute;left:0;top:0;width:200px;height:200px;opacity:.01;pointer-events:none;overflow:hidden;aspect-ratio:auto}
.radio-volume{display:flex;align-items:center;gap:10px;font-weight:700}
.radio-volume input{flex:1;max-width:360px;height:28px;accent-color:#f5c400}
.radio-etat,.radio-aide{margin:0;font-size:.9rem;opacity:.8}
.radio-actuel{font-size:1.4rem}

/* ===== Radio Initiative Citoyenne : poste de radio ===== */
.ric-poste{background:linear-gradient(160deg,#0b1230 0%,#14204f 60%,#0b1230 100%);color:#fff;border:2px solid #f5c400;border-radius:22px;padding:20px;display:grid;gap:18px;max-width:640px;margin:0 auto;box-shadow:0 10px 40px rgba(0,0,0,.45)}
.ric-haut{display:flex;align-items:center;gap:14px}
.ric-logo{width:62px;height:62px;flex:none}
.ric-nom{flex:1;line-height:1.05}
.ric-nom small{display:block;font-size:.8rem;letter-spacing:.35em;color:#f5c400;font-weight:800}
.ric-nom strong{display:block;font-size:1.45rem;text-transform:uppercase;letter-spacing:.02em}
.ric-poste .radio-direct{margin:0;padding:6px 10px;border-radius:999px;background:rgba(225,29,46,.18);color:#ff6b78;font-size:.75rem;white-space:nowrap}
.ric-ecran{background:#060a1f;border:1px solid rgba(245,196,0,.35);border-radius:16px;padding:16px;display:grid;gap:10px;text-align:center;box-shadow:inset 0 0 30px rgba(0,0,0,.6)}
.ric-eq{display:flex;align-items:flex-end;justify-content:center;gap:4px;height:54px}
.ric-eq span{width:6px;height:6px;border-radius:3px;background:linear-gradient(#f5c400,#d4351c);transition:height .3s}
.en-son .ric-eq span{animation:eq 1s ease-in-out infinite}
.ric-eq span:nth-child(3n){animation-duration:.7s}.ric-eq span:nth-child(3n+1){animation-duration:1.3s}.ric-eq span:nth-child(4n){animation-delay:-.4s}.ric-eq span:nth-child(5n){animation-delay:-.8s}
@keyframes eq{0%,100%{height:6px}50%{height:50px}}
@media (prefers-reduced-motion:reduce){.en-son .ric-eq span{animation:none;height:24px}}
.ric-poste .radio-actuel{color:#fff;font-size:1.5rem;line-height:1.15;margin:0}
.ric-poste .radio-actuel small{display:block;color:#f5c400;font-size:1rem;font-weight:700;margin-top:4px}
.ric-poste .radio-suite{color:rgba(255,255,255,.65);margin:0;font-size:.9rem}
.ric-commandes{display:grid;gap:14px}
.ric-poste .radio-boutons{display:grid}
.ric-son{appearance:none;border:0;cursor:pointer;font:inherit;font-weight:800;font-size:1.15rem;padding:16px 20px;border-radius:999px;background:#f5c400;color:#0b1230;box-shadow:0 4px 0 #a98900}
.ric-son:active{transform:translateY(3px);box-shadow:0 1px 0 #a98900}
.ric-son:not(.muet){background:#1f2a5c;color:#fff;box-shadow:0 4px 0 #0b1230;border:1px solid rgba(255,255,255,.3)}
.ric-poste .radio-volume{color:#fff;font-size:1.05rem}
.ric-poste .radio-volume input{-webkit-appearance:none;appearance:none;flex:1;max-width:none;height:10px;border-radius:5px;background:rgba(255,255,255,.25);outline:none}
.ric-poste .radio-volume input::-webkit-slider-thumb{-webkit-appearance:none;width:30px;height:30px;border-radius:50%;background:#f5c400;border:3px solid #0b1230;box-shadow:0 0 0 2px #f5c400}
.ric-poste .radio-volume input::-moz-range-thumb{width:26px;height:26px;border-radius:50%;background:#f5c400;border:3px solid #0b1230}
.ric-poste .radio-etat{color:#f5c400;text-align:center}
.ric-poste .radio-aide{color:rgba(255,255,255,.6);text-align:center}
.ric-poste .radio-msg{color:#fff;margin:0;text-align:center}
@media (max-width:480px){.ric-nom strong{font-size:1.1rem}.ric-logo{width:50px;height:50px}.ric-poste{padding:14px}}

/* barres etat du mouvement + chronologie auto + live */
.barres-etat{display:flex;align-items:flex-end;gap:6px;height:160px;padding:8px 0}
.col-etat{flex:1;display:flex;flex-direction:column;align-items:center;height:100%;justify-content:flex-end;min-width:0}
.pile-etat{display:flex;align-items:flex-end;gap:2px;height:calc(100% - 20px);width:100%;justify-content:center}
.pile-etat i{display:block;flex:1;max-width:22px;border-radius:3px 3px 0 0}
.pile-etat i.vide-b{background:transparent}
.b-aut{background:#f5c400}.b-org{background:#d4351c}.b-art{background:#6ea8ff}
.col-etat span{font-size:.75rem;opacity:.75;margin-top:4px}
.legende-etat{display:flex;gap:14px;flex-wrap:wrap;font-size:.85rem;margin:6px 0 0}
.legende-etat i{display:inline-block;width:10px;height:10px;border-radius:2px;vertical-align:middle}
.chrono-auto{margin-bottom:18px}
.jour-chrono{border-top:1px solid rgba(127,127,127,.3);padding:12px 0}
.jour-chrono h3{margin:0 0 6px;text-transform:capitalize}
.jour-chrono .etiq{margin-left:10px;font-size:.75rem;background:#ff7a00;color:#fff;padding:2px 8px;border-radius:999px;text-transform:uppercase}
.presse-chrono{margin:8px 0 0;padding-left:18px;font-size:.92rem}
.lecteur-live iframe{display:block}

.dernier-chapitre{margin:0 0 18px;padding:18px 20px}
.dernier-chapitre .sur{margin:0 0 4px;font-weight:700;text-transform:uppercase;font-size:.8rem;letter-spacing:.04em}
.dernier-chapitre h2{margin:0 0 8px}
.livre .d-ou{opacity:.8;font-size:.92rem}

/* v12 : bannière Acte III, transparence, barre mobile, filtre paroles */
.acte-banniere{display:grid;grid-template-columns:minmax(0,220px) 1fr;gap:20px;align-items:center;margin:0 0 18px;padding:16px;border-radius:var(--radius);background:linear-gradient(120deg,#0b1230,#1c2a5e);border:2px solid var(--jaune);box-shadow:var(--shadow);color:#f4f2ec}
.acte-banniere img{width:100%;height:auto;border-radius:10px;display:block;box-shadow:0 8px 24px rgba(0,0,0,.45)}
.acte-banniere h2{margin:2px 0 4px;font-size:clamp(1.5rem,4vw,2.2rem);line-height:1.1;color:var(--jaune);text-transform:uppercase}
.ban-sur{margin:0;font-weight:700;letter-spacing:.06em;text-transform:uppercase;font-size:.85rem;color:#fff}
.ban-grand{margin:0 0 10px;font-size:1.2rem;font-weight:800}
.ban-revend{margin:0 0 10px;padding-left:20px}.ban-revend li{margin:3px 0}
.ban-deguise{margin:0 0 12px}.ban-deguise span{display:block;opacity:.8;font-size:.85rem}
.ban-boutons{display:flex;flex-wrap:wrap;gap:8px}
.transparence .petit-note{font-size:.9rem;color:var(--muted)}
.pied-cagnotte{font-weight:600}
.btn.telegram.clair{background:#fff;color:#15161a;border:2px solid #2a9fd8}
.barre-mobile{display:none}
.filtre-dep{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 14px}
.filtre-dep select{padding:8px 10px;border-radius:10px;border:1px solid var(--line);font:inherit;max-width:100%}
@media (max-width:760px){
 .acte-banniere{grid-template-columns:1fr;text-align:left}.acte-banniere img{max-width:260px;margin:0 auto}
 .barre-mobile{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:50;background:#0b1230;border-top:2px solid var(--jaune);padding-bottom:env(safe-area-inset-bottom)}
 .barre-mobile a{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:7px 2px;color:#fff;text-decoration:none;font-size:.72rem;font-weight:600}
 .barre-mobile a span{font-size:1.25rem;line-height:1}
 body{padding-bottom:64px}
}
.acte-banniere .btn.clair{background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.6)}
@media (max-width:760px){.acte-banniere img{max-width:190px}}

/* transition de pages */
@keyframes gj-entree{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes gj-barre{from{transform:translateX(-101%)}to{transform:none}}
@keyframes gj-voile{from{opacity:0}to{opacity:1}}
main{animation:gj-entree .45s ease-out both}
.gj-trans{position:fixed;inset:0;z-index:9999;pointer-events:none;opacity:0;background:rgba(11,18,48,.94);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}
.gj-trans-bar{position:absolute;top:0;left:0;right:0;height:8px;display:flex;overflow:hidden}
.gj-trans-bar i{flex:1}.gj-trans-bar i:nth-child(1){background:#1f3f8f}.gj-trans-bar i:nth-child(2){background:#fff}.gj-trans-bar i:nth-child(3){background:#d0212f}
.gj-trans-logo{color:#f5c400;font-weight:900;font-size:1.4rem;letter-spacing:.04em;text-transform:uppercase}
.gj-sortie .gj-trans{opacity:1;pointer-events:all;animation:gj-voile .28s ease-out}
.gj-sortie .gj-trans-bar{animation:gj-barre .32s ease-in}
@media (prefers-reduced-motion:reduce){main{animation:none}.gj-trans{display:none}}