/* Information importante (plugin fnapara-alerte), 24/10/2026 : couleurs et polices du thème fnapara.
   Apparence « communiqué officiel » (C des maquettes, retenue le 24/10/2026). */
.fa-alerte{border:0;padding:0;background:transparent;max-width:none;max-height:none;overflow:visible;color:var(--texte,#23281c)}
.fa-alerte::backdrop{background:rgba(24,30,18,.55);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
.fa-alerte .i{width:18px;height:18px}
.fa-boite{position:relative}
.fa-tete{display:flex;align-items:center;gap:12px}
.fa-sur{display:flex;align-items:center;gap:8px;margin:0;white-space:nowrap;font:700 .75rem/1.2 var(--tech,sans-serif);letter-spacing:.18em;text-transform:uppercase}
.fa-fermer{margin-left:auto;display:grid;place-items:center;width:44px;height:44px;border:0;background:none;color:inherit;cursor:pointer}
.fa-fermer .i{width:22px;height:22px;transition:transform .2s}
.fa-fermer:hover .i{transform:rotate(90deg)}
.fa-corps h2{margin:0 0 10px;font:700 1.75rem/1.05 var(--cond,sans-serif);text-transform:uppercase;letter-spacing:.01em}
.fa-corps p{margin:0;font-size:1.0625rem;line-height:1.55}
.fa-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;margin-top:22px}
.fa-bouton{white-space:nowrap;display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:0 22px;background:var(--rouge,#c8141a);color:#fff!important;text-decoration:none;border-radius:2px;font:700 .875rem/1 var(--tech,sans-serif);letter-spacing:.12em;text-transform:uppercase}
.fa-bouton:hover{background:#a51015}
.fa-lu{min-height:44px;padding:0 4px;border:0;background:none;color:inherit;font:600 .9375rem/1 var(--tech,sans-serif);text-decoration:underline;text-underline-offset:4px;cursor:pointer}
.fa-alerte :focus-visible{outline:2px solid var(--or-c,#d0b87e);outline-offset:2px}
.fa-alerte #fa-titre:focus{outline:0}

/* Ouverture et fermeture */
.fa-alerte[open]{animation:fa-voile .3s ease}
.fa-alerte.fa-ouvert .fa-boite{animation:fa-entree .45s cubic-bezier(.22,.9,.25,1)}
.fa-alerte.fa-sortie .fa-boite{animation:fa-sortie .25s ease forwards}
.fa-alerte.fa-sortie::backdrop{opacity:0;transition:opacity .25s}
@keyframes fa-voile{from{opacity:0}to{opacity:1}}
@keyframes fa-entree{from{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:none}}
@keyframes fa-sortie{to{opacity:0;transform:translateY(12px) scale(.98)}}

/* Communiqué officiel (apparence C retenue le 24/10/2026) : filet rouge, logo sur fond blanc, cadre doré, texte centré */
.fa-alerte .fa-boite{width:min(600px,calc(100vw - 32px));background:#fff;border-top:6px solid var(--rouge,#c8141a);box-shadow:0 24px 60px rgba(0,0,0,.35);outline:1px solid var(--or-c,#d0b87e);outline-offset:-10px}
.fa-alerte .fa-tete{flex-direction:column;align-items:center;gap:10px;padding:30px 28px 0;text-align:center}
.fa-alerte .fa-tete img{width:64px;height:auto}
.fa-alerte .fa-sur{color:var(--rouge,#c8141a)}
.fa-alerte .fa-fermer{position:absolute;top:14px;right:14px;color:var(--vert-f,#2f3a24)}
.fa-alerte .fa-corps{padding:14px 40px 36px;text-align:center}
.fa-alerte .fa-corps h2{color:var(--vert-f,#2f3a24);font-size:2rem}
.fa-alerte .fa-corps h2::after{content:"";display:block;width:48px;height:2px;margin:14px auto 0;background:var(--or-c,#d0b87e)}
.fa-alerte .fa-actions{justify-content:center}
.fa-alerte .fa-lu{color:var(--vert-f,#2f3a24)}

/* Rappel après fermeture */
.fa-rappel{white-space:nowrap;position:fixed;left:16px;bottom:16px;z-index:15;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border:1px solid rgba(208,184,126,.6);border-radius:22px;background:var(--vert-f,#2f3a24);color:var(--ivoire,#f7f3e8);font:700 .75rem/1 var(--tech,sans-serif);letter-spacing:.12em;text-transform:uppercase;box-shadow:0 6px 18px rgba(0,0,0,.25);cursor:pointer}
.fa-rappel .i{width:16px;height:16px;color:var(--or-c,#d0b87e)}
.fa-rappel[hidden]{display:none}
@media (max-width:640px){.fa-corps h2{font-size:1.5rem}.fa-alerte .fa-corps{padding-left:22px;padding-right:22px}}
@media (prefers-reduced-motion:reduce){.fa-alerte[open],.fa-alerte .fa-boite{animation:none!important}}
