/* IAPRP — Congrès mondial SST Dakar 2027 */
:root{
  --icg-green:#5e9e2f;
  --icg-green-dark:#3f7a1c;
  --icg-gold:#f2b632;
  --icg-ink:#0c1c4d;
}

/* ---------- Bandeau dans le HERO ---------- */
.icg-hero{position:relative; z-index:3; padding:0 0 6px; margin-top:-8px;}
.icg-hero .icg-wrap{max-width:1180px; margin:0 auto; padding:0 28px;}
.icg-card{
  position:relative; overflow:hidden; border-radius:14px; color:#fff;
  background:#0c1c4d var(--icg-img) center 38% / cover no-repeat;
  box-shadow:0 14px 38px rgba(0,0,0,.34);
  border:1px solid rgba(255,255,255,.14);
  isolation:isolate;
}
.icg-overlay{
  position:absolute; inset:0; z-index:0;
  background:linear-gradient(95deg, rgba(8,20,58,.86) 0%, rgba(8,20,58,.52) 40%, rgba(8,20,58,0) 72%);
}
.icg-grid{
  position:relative; z-index:1; display:grid;
  grid-template-columns:minmax(0,1.5fr) minmax(0,.7fr); gap:28px; align-items:center;
  padding:26px 34px;
}
.icg-logo{display:block; width:200px; max-width:60%; height:auto; background:#fff; border-radius:10px; padding:8px 12px; margin:0 0 16px;}
.icg-dates{margin:0 0 6px; font-size:.95rem; font-weight:700; letter-spacing:.06em; text-transform:uppercase; color:var(--icg-gold);}
.icg-sep{opacity:.7; margin:0 4px;}
.icg-title{text-shadow:0 2px 10px rgba(0,0,0,.45); margin:0 0 16px; font-size:1.65rem; line-height:1.22; font-weight:700; color:#fff; max-width:26ch; text-wrap:balance;}
.icg-title a{color:inherit; text-decoration:none;}
/* Lien étendu : tout le visuel renvoie vers le site du congrès. */
.icg-stretch::after{content:""; position:absolute; inset:0; z-index:2;}
.icg-actions{display:flex; flex-wrap:wrap; gap:12px; position:relative; z-index:3;}
.icg-btn{
  display:inline-block; padding:11px 20px; border-radius:999px; font-weight:700; font-size:.92rem;
  text-decoration:none; border:2px solid transparent; transition:background .2s, color .2s, transform .2s;
}
.icg-btn:focus-visible, .icg-stretch:focus-visible, .icg-link a:focus-visible{outline:3px solid var(--icg-gold); outline-offset:3px;}
.icg-btn-primary{background:var(--icg-green); color:#fff; border-color:var(--icg-green);}
.icg-btn-primary:hover{background:var(--icg-green-dark); border-color:var(--icg-green-dark); color:#fff; transform:translateY(-1px);}
.icg-btn-ghost{background:rgba(255,255,255,.08); color:#fff; border-color:rgba(255,255,255,.7);}
.icg-btn-ghost:hover{background:#fff; color:var(--icg-ink);}
.icg-btn-outline{background:transparent; color:var(--icg-green-dark); border-color:var(--icg-green);}
.icg-btn-outline:hover{background:var(--icg-green); color:#fff;}
.icg-side{position:relative; z-index:3; text-align:center;}
.icg-stats{list-style:none; margin:0 0 14px; padding:0; display:grid; grid-template-columns:repeat(3,1fr); gap:10px;}
.icg-stats li{background:rgba(8,20,58,.62); border:1px solid rgba(255,255,255,.3); border-radius:10px; padding:10px 6px; backdrop-filter:blur(2px);}
.icg-stats strong{display:block; font-size:1.55rem; line-height:1.1; color:#fff;}
.icg-stats span{display:block; font-size:.78rem; text-transform:uppercase; letter-spacing:.06em; color:#e3e9ff;}
.icg-countdown{margin:0 0 8px; font-size:.9rem; color:#fff; background:rgba(94,158,47,.92); border-radius:8px; padding:8px 10px;}
.icg-countdown strong{font-size:1.15rem;}
.icg-link{margin:0; font-size:.85rem;}
.icg-link a{color:#fff; text-decoration:underline; text-underline-offset:3px;}

@media (max-width:960px){
  .icg-grid{grid-template-columns:1fr; padding:22px 22px;}
  .icg-overlay{background:linear-gradient(180deg, rgba(8,20,58,.86) 0%, rgba(8,20,58,.6) 100%);}
  .icg-title{font-size:1.4rem; max-width:none;}
  .icg-side{text-align:left;}
}
@media (max-width:640px){
  .icg-hero .icg-wrap{padding:0 16px;}
  .icg-grid{padding:18px 16px; gap:18px;}
  .icg-logo{width:170px;}
  .icg-actions{flex-direction:column;}
  .icg-btn{text-align:center; display:block;}
  .icg-stats strong{font-size:1.25rem;}
}
@media (prefers-reduced-motion:reduce){ .icg-btn{transition:none;} }

/* ---------- Page JAPRP ---------- */
.icg-japrp, .icg-japrp-hero ~ *{max-width:900px;}
.icg-japrp-hero{
  background:linear-gradient(135deg, #0c1c4d, #142864 60%, #1f4a2a);
  color:#fff; border-radius:14px; padding:30px 32px; margin:0 0 30px;
  border-left:6px solid var(--icg-green);
}
.icg-japrp-hero h2{color:#fff; margin:6px 0 12px; font-size:1.75rem; line-height:1.25;}
.icg-japrp-hero .icg-eyebrow{margin:0; font-weight:700; letter-spacing:.07em; text-transform:uppercase; color:var(--icg-gold); font-size:.85rem;}
.icg-japrp-hero .icg-lead{margin:0 0 18px; font-size:1.05rem; color:#e8edff; max-width:62ch;}
.icg-actions-inline{display:flex; flex-wrap:wrap; gap:12px; margin:0;}
.icg-japrp-hero .icg-btn-outline{color:#fff; border-color:#fff;}
.icg-japrp-hero .icg-btn-outline:hover{background:#fff; color:var(--icg-ink);}
.icg-table{width:100%; border-collapse:collapse; margin:0 0 8px; font-size:.97rem;}
.icg-table th, .icg-table td{padding:11px 14px; text-align:left; border-bottom:1px solid #d9e2d0; vertical-align:top;}
.icg-table thead th{background:var(--icg-green-dark); color:#fff; border:0;}
.icg-table tbody th{white-space:nowrap; color:var(--icg-ink); width:34%; font-weight:700;}
.icg-table tbody tr:nth-child(even){background:#f2f7ee;}
.icg-table caption{caption-side:top; text-align:left; font-weight:700; padding:0 0 8px; color:var(--icg-ink);}
.icg-note{font-size:.88rem; color:#555; margin:0 0 26px;}
.icg-list{padding-left:1.2em;}
.icg-list li{margin:0 0 .6em;}
.icg-week{list-style:none; margin:0 0 26px; padding:0; display:grid; gap:8px;}
.icg-week li{display:flex; flex-wrap:wrap; gap:4px 14px; align-items:baseline; padding:11px 16px; border-radius:8px; background:#f2f4f9; border-left:5px solid #c4cbe0;}
.icg-week li strong{min-width:9.5em; color:var(--icg-ink);}
.icg-week li.is-japrp{background:#e6f2dc; border-left-color:var(--icg-green); box-shadow:0 2px 10px rgba(94,158,47,.25);}
.icg-organes{list-style:none; margin:0 0 26px; padding:0; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px 20px;}
.icg-organes li{padding:9px 12px; border-radius:8px; background:#f2f4f9;}
@media (max-width:640px){
  .icg-japrp-hero{padding:22px 18px;}
  .icg-japrp-hero h2{font-size:1.4rem;}
  .icg-organes{grid-template-columns:1fr;}
  .icg-table tbody th{white-space:normal; width:auto;}
  .icg-week li{flex-direction:column;}
}