/* ── Pop-up Energaïa 2026 ── (retirable après le 10/12/2026) */

.gcd-evt{
  position:fixed;inset:0;z-index:210;
  display:flex;align-items:center;justify-content:center;padding:24px;
}
.gcd-evt[hidden]{display:none}

.gcd-evt__backdrop{
  position:absolute;inset:0;background:rgba(6,15,30,.62);
  opacity:0;transition:opacity .3s ease;
}
.gcd-evt__box{
  position:relative;
  width:min(560px, 100%, calc((100vh - 150px) * 1.2));
  background:#fff;color:var(--navy,#1F3A5F);
  border-radius:var(--radius,10px);overflow:hidden;
  box-shadow:var(--shadow-xl,0 40px 80px -20px rgba(31,58,95,.18));
  opacity:0;transform:translateY(16px);
  transition:opacity .3s ease, transform .3s ease;
}
.gcd-evt.is-open .gcd-evt__backdrop{opacity:1}
.gcd-evt.is-open .gcd-evt__box{opacity:1;transform:none}

.gcd-evt__visual{display:block}
.gcd-evt__visual img{display:block;width:100%;height:auto}

.gcd-evt__body{padding:16px 20px 20px;text-align:center}
.gcd-evt__title{margin:0;font-family:var(--inter,system-ui,sans-serif);font-weight:600;font-size:15px;line-height:1.35}
.gcd-evt__meta{margin:2px 0 0;font-size:13px;line-height:1.45;color:var(--gray-text,#4A4A4A)}

.gcd-evt__cta{
  display:inline-block;background:var(--navy,#1F3A5F);color:#fff;
  font-family:var(--inter,system-ui,sans-serif);font-weight:600;font-size:14px;
  padding:12px 24px;border-radius:var(--radius-sm,6px);text-decoration:none;
  transition:background .2s ease;
}
.gcd-evt__cta:hover{background:var(--navy-soft,#18304F);color:#fff}

.gcd-evt__close{
  position:absolute;top:10px;right:10px;z-index:1;
  width:40px;height:40px;border-radius:50%;border:0;cursor:pointer;
  display:grid;place-items:center;
  background:rgba(255,255,255,.92);color:var(--navy,#1F3A5F);
  box-shadow:var(--shadow-sm,0 1px 2px rgba(31,58,95,.04));
}
.gcd-evt__close:hover{background:#fff}

.gcd-evt__cta:focus-visible,
.gcd-evt__close:focus-visible{outline:2px solid var(--copper,#B87333);outline-offset:3px}

.gcd-evt__sr{
  position:absolute;width:1px;height:1px;margin:-1px;padding:0;
  overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;
}

/* Le visuel porte déjà titre et date → textes réservés aux lecteurs d'écran */
.gcd-evt__title,
.gcd-evt__meta{
  position:absolute;width:1px;height:1px;margin:-1px;padding:0;
  overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;
}

/* Mobile : même modale centrée, marges réduites */
@media (max-width:680px){
  .gcd-evt{padding:16px}
  .gcd-evt__box{width:min(560px, 100%, calc((100vh - 120px) * 1.2))}
  .gcd-evt__body{padding:14px 16px 16px}
  .gcd-evt__close{top:8px;right:8px}
}

/* Mode sombre du site */
[data-theme="dark"] .gcd-evt__box{background:var(--nav-bg,#0F1A2A);color:var(--nav-fg,#F2F1ED)}
[data-theme="dark"] .gcd-evt__meta{color:rgba(242,241,237,.72)}
[data-theme="dark"] .gcd-evt__cta{background:#fff;color:var(--navy,#1F3A5F)}
[data-theme="dark"] .gcd-evt__cta:hover{background:var(--nav-fg,#F2F1ED);color:var(--navy,#1F3A5F)}


/* Verrou de scroll (posé par le JS) */
.gcd-evt-lock,.gcd-evt-lock body{overflow:hidden}

@media (prefers-reduced-motion:reduce){
  .gcd-evt__backdrop,.gcd-evt__box{transition:none}
}

/* ── Pastille de rappel (bas gauche, symétrique du bouton Urgence) ── */
.gcd-evt-pill{
  position:fixed;bottom:28px;left:28px;z-index:59;
  opacity:0;transform:translateY(10px);transition:opacity .3s ease, transform .3s ease;
}
.gcd-evt-pill[hidden]{display:none}
.gcd-evt-pill.is-visible{opacity:1;transform:none}

.gcd-evt-pill__open{
  display:flex;align-items:center;gap:10px;cursor:pointer;border:0;
  background:var(--navy,#1F3A5F);color:#fff;
  padding:5px 20px 5px 5px;border-radius:999px;
  font-family:var(--inter,system-ui,sans-serif);font-weight:600;font-size:13.5px;letter-spacing:.02em;
  box-shadow:0 16px 40px -8px rgba(31,58,95,.4);
  transition:transform .2s ease;
}
.gcd-evt-pill__open:hover{transform:translateY(-2px)}
.gcd-evt-pill__open img{display:block;width:40px;height:40px;border-radius:50%;box-shadow:0 0 0 2px #fff}

.gcd-evt-pill__hide{
  position:absolute;top:-8px;right:-8px;
  width:24px;height:24px;border-radius:50%;cursor:pointer;
  display:grid;place-items:center;padding:0;
  background:#fff;color:var(--navy,#1F3A5F);border:1px solid var(--gray-200,#E2E2E2);
  box-shadow:var(--shadow-sm,0 1px 2px rgba(31,58,95,.04));
}

.gcd-evt-pill__open:focus-visible,
.gcd-evt-pill__hide:focus-visible{outline:2px solid var(--copper,#B87333);outline-offset:3px}

@media (max-width:680px){
  .gcd-evt-pill{bottom:12px;left:12px}
  .gcd-evt-pill__open{padding:3px}
  .gcd-evt-pill__open img{width:38px;height:38px}
  .gcd-evt-pill__label{display:none}
}

[data-theme="dark"] .gcd-evt-pill__open{
  background:var(--surface-card,#16233A);color:var(--text-primary,#F2F1ED);
  box-shadow:0 16px 40px -8px rgba(0,0,0,.6), 0 0 0 1px rgba(184,115,51,.20);
}
[data-theme="dark"] .gcd-evt-pill__hide{
  background:var(--surface-card,#16233A);color:var(--text-primary,#F2F1ED);border-color:rgba(255,255,255,.15);
}

@media (prefers-reduced-motion:reduce){
  .gcd-evt-pill,.gcd-evt-pill__open{transition:none}
}