/* Page de l'appel « Jaunes et jeunes, même combat » : complète actualites.css. */
[hidden]{display:none!important}
h1 .h1-suite{display:block;font-size:.62em;margin-top:.25em}

.tete{display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px;margin:0 0 26px}
.compteur-appel{display:flex;align-items:baseline;gap:10px;margin:0}
.compteur-appel b{font-family:var(--display);font-variation-settings:"wdth" 114;font-weight:900;font-size:clamp(40px,8vw,64px);line-height:.9;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.compteur-appel span{font-family:var(--mono);font-size:12px;font-weight:700;letter-spacing:-.02em;color:var(--encre-douce)}
.btn-signer{box-shadow:0 5px 0 rgba(0,0,0,.35)}
.visuel-appel{border:0}

.appel-texte .ouverture{font-size:20px;line-height:1.5;font-weight:700}
.appel-texte strong{font-weight:800}
.appel-texte .cloture{font-weight:700}
.appel-texte .cri{font-family:var(--display);font-variation-settings:"wdth" 110;font-weight:900;text-transform:uppercase;font-size:clamp(24px,4.4vw,34px);line-height:1;letter-spacing:-.02em;background:var(--fluo);color:#111;display:inline-block;padding:.2em .3em;margin-top:6px}

h2.titre-bloc{font-family:var(--display);font-variation-settings:"wdth" 106;font-weight:900;text-transform:uppercase;font-size:24px;line-height:1.05;letter-spacing:-.02em;margin:48px 0 14px}
.premiers{list-style:none;margin:0;padding:0;border-top:2px solid var(--encre)}
.premiers li{padding:10px 0;border-bottom:1px solid var(--trait);line-height:1.4}
.premiers b{font-family:var(--display);font-variation-settings:"wdth" 104;font-weight:900;text-transform:uppercase;font-size:17px;letter-spacing:-.01em;margin-right:8px}
.premiers li{color:var(--encre)}

/* Formulaire */
.signer{margin:48px 0 0;border:2px solid #111;background:var(--fluo);color:#111;padding:26px 22px 28px;scroll-margin-top:16px}
.signer h2{font-family:var(--display);font-variation-settings:"wdth" 110;font-weight:900;text-transform:uppercase;font-size:clamp(26px,5vw,36px);line-height:1;letter-spacing:-.03em;margin:0 0 18px}
.signer h3{font-family:var(--display);font-variation-settings:"wdth" 106;font-weight:900;text-transform:uppercase;font-size:20px;line-height:1.05;letter-spacing:-.02em;margin:26px 0 12px}
.qui-signe{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}
.onglet{appearance:none;font:inherit;font-weight:700;font-size:15px;border:2px solid #111;background:#fff;color:#111;padding:10px 14px;cursor:pointer}
.onglet.actif{background:#111;color:var(--fluo)}
.ligne{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}
.alerte-orga{background:#fff;border:2px solid #111;padding:8px 10px;opacity:1}
.lien-bascule{appearance:none;background:none;border:0;padding:0;font:inherit;font-weight:700;text-decoration:underline;cursor:pointer;color:inherit}
.champ{margin:0 0 14px}
.champ label{display:block;font-family:var(--mono);font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin:0 0 6px}
.facultatif{text-transform:none;letter-spacing:0;font-weight:400}
.champ input{width:100%;font:inherit;font-size:17px;padding:11px 12px;border:2px solid #111;background:#fff;color:#111;border-radius:0}
.champ input:focus{outline:none;box-shadow:0 0 0 3px #111}
.aide{font-size:13px;margin:6px 0 0;opacity:.8}
.case{display:flex;gap:10px;align-items:flex-start;font-size:15px;line-height:1.45;margin:4px 0 18px;cursor:pointer}
.case input{width:20px;height:20px;flex:none;margin:1px 0 0;accent-color:#111}
.piege{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.erreur{background:#fff;border:2px solid #B0554C;color:#7d2f28;font-weight:700;padding:10px 12px;margin:0 0 14px}
.btn-signer-envoi{font-size:18px;padding:17px 24px;cursor:pointer;box-shadow:0 5px 0 rgba(0,0,0,.35)}
.btn-signer-envoi:disabled{opacity:.6;cursor:wait}

.merci:focus{outline:none}
.merci-titre{font-family:var(--display);font-variation-settings:"wdth" 110;font-weight:900;text-transform:uppercase;font-size:clamp(26px,5vw,36px);line-height:1;letter-spacing:-.03em;margin:0 0 10px}
.merci-texte{margin:0}
.partage{display:flex;flex-wrap:wrap;gap:8px}
.btn-partage{font-size:13px;padding:12px 14px;cursor:pointer}
.carrousel{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px;margin:0 0 12px}
.carrousel a{display:block;border:2px solid #111;background:#111}
.carrousel img{width:100%;height:auto;display:block}
.signer .btn-soutien{background:#111;color:var(--fluo)}

@media (max-width:520px){
  .signer{padding:22px 16px 24px;margin-inline:-6px}
  .onglet{flex:1 1 100%}
  .ligne{grid-template-columns:1fr}
}