/* IsoFind, alertes de l'Atlas. Mêmes jetons que l'explorateur ; tout est rangé
   sous .ifa pour ne rien hériter du thème WordPress. */
.ifa {
  --paper: #FFFFFF; --paper-2: #F7F8FA; --line: #E2E4EA; --line-soft: #EDEFF3;
  --ink: #14151A; --text-2: #565A66; --text-3: #868C99; --navy: #0F3474; --accent: #2563EB;
  --ok: #196C3C; --err: #82321E;
  --sans: 'Inter', system-ui, -apple-system, sans-serif;
  font-family: var(--sans); font-size: 16px; line-height: 1.6; color: var(--ink); background: var(--paper);
  max-width: 880px; margin: 0 auto; padding: 56px 32px 80px; -webkit-font-smoothing: antialiased;
}
.ifa *, .ifa *::before, .ifa *::after { box-sizing: border-box; }
.ifa h1, .ifa h2, .ifa p, .ifa ul, .ifa fieldset { margin: 0; }
.ifa button, .ifa input { font: inherit; color: inherit; }
.ifa a { color: var(--accent); }
.ifa :focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
.ifa-eyebrow { font-family: 'JetBrains Mono', ui-monospace, monospace; font-size: .72rem; font-weight: 500; letter-spacing: .16em; text-transform: uppercase; color: var(--accent); margin-bottom: 14px !important; }
.ifa h1 { font-size: clamp(2rem, 3.6vw, 2.6rem); font-weight: 800; letter-spacing: -.035em; line-height: 1.08; color: var(--navy); }
.ifa h2 { font-size: 1.15rem; font-weight: 700; margin-bottom: 10px; }
.ifa-lede { font-size: 1.04rem; color: var(--text-2); max-width: 66ch; margin-top: 14px !important; }
.ifa-corps { margin-top: 32px; }
.ifa-attente, .ifa-aide, .ifa-prive { color: var(--text-3); font-size: .86rem; }
.ifa-prive { margin-top: 28px !important; }
.ifa-ok { color: var(--ok); }
.ifa-err { color: var(--err); }

.ifa-form { display: flex; flex-direction: column; gap: 18px; }
.ifa-champ { display: flex; flex-direction: column; gap: 4px; font-size: .82rem; font-weight: 500; color: var(--text-2); max-width: 420px; }
.ifa input:not([type=checkbox]):not([type=radio]) { width: 100%; padding: 9px 11px; border: 1px solid var(--line); border-radius: 2px; background: #fff; font-size: .95rem; color: var(--ink); }
.ifa-piege { position: absolute !important; left: -9999px !important; width: 1px !important; height: 1px !important; opacity: 0; }
.ifa-bloc { border: 1px solid var(--line); border-radius: 4px; padding: 16px 18px 18px; display: flex; flex-direction: column; gap: 8px; }
.ifa-bloc legend { font-weight: 700; padding: 0 6px; margin-left: -6px; }
.ifa-bloc label { display: flex; gap: 8px; align-items: baseline; font-size: .92rem; cursor: pointer; }
.ifa-filtre { max-width: 280px; }
.ifa-els { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 2px 12px; max-height: 260px; overflow: auto; padding: 4px 2px; }
.ifa-els label { font-size: .86rem; color: var(--text-2); }
.ifa-els b { color: var(--ink); min-width: 1.6em; }
.ifa-els label[hidden] { display: none; }
.ifa-suivies, .ifa-res { list-style: none; padding: 0; display: grid; gap: 4px; }
.ifa-suivies li { display: flex; justify-content: space-between; gap: 12px; align-items: baseline; padding: 6px 10px; background: var(--paper-2); border-radius: 2px; font-size: .9rem; }
.ifa-res button { width: 100%; text-align: left; display: flex; gap: 10px; align-items: baseline; padding: 7px 10px; border: 1px solid var(--line); border-radius: 2px; background: #fff; cursor: pointer; font-size: .9rem; }
.ifa-res button:hover { border-color: var(--accent); background: var(--paper-2); }
.ifa-res span { color: var(--text-3); font-size: .8rem; }
.ifa-types { display: grid; grid-template-columns: 1fr 1fr; gap: 6px 24px; }
.ifa-types > div { display: flex; flex-direction: column; gap: 4px; }
.ifa-sous { font-size: .76rem; font-weight: 600; color: var(--text-3); text-transform: uppercase; letter-spacing: .06em; }
.ifa-actions { display: flex; flex-wrap: wrap; gap: 10px; }
.ifa .ifa-btn { display: inline-flex; align-items: center; padding: 10px 18px; border: 1px solid transparent; border-radius: 2px; background: var(--navy); color: #fff; font-size: .9rem; font-weight: 600; cursor: pointer; }
.ifa .ifa-btn:hover { background: #16458F; }
.ifa .ifa-btn[disabled] { opacity: .5; cursor: wait; }
.ifa .ifa-btn-g { background: #fff; color: var(--ink); border-color: var(--line); }
.ifa .ifa-btn-g:hover { background: var(--paper-2); }
.ifa .ifa-lien { border: 0; background: none; color: var(--accent); cursor: pointer; font-size: .82rem; padding: 0; }
.ifa-boite { padding: 20px 22px; border: 1px solid var(--line); border-radius: 4px; background: var(--paper-2); }
.ifa-boite p + p { margin-top: 8px; }
.ifa-retour { font-size: .9rem; min-height: 1.4em; }
.ifa-email { font-size: 1rem; }
@media (max-width: 640px) {
  .ifa { padding: 36px 16px 56px; }
  .ifa-types { grid-template-columns: 1fr; }
}
