/*
Theme Name: Incubateurs EPC - Reseau National
Description: Theme du site principal du reseau Multisite incubateurs.epc.sn. Page d'accueil listant les 46 departements du Senegal, avec acces aux incubateurs departementaux ouverts.
Author: EPC
Version: 1.0
*/

:root{
  --navy:#0F2038;
  --navy-2:#16304F;
  --orange:#E0792F;
  --orange-dim:#F0A868;
  --blue:#2E6A9E;
  --blue-dim:#6FA0C7;
  --gold:#E7B23D;
  --ink-soft:#C9D5E2;
}
*{box-sizing:border-box; margin:0; padding:0;}
html,body{height:100%;}
body{
  font-family:'Inter',sans-serif;
  background:radial-gradient(circle at 78% 8%, #1B3556 0%, var(--navy) 55%, #0B1728 100%);
  color:#fff;
  min-height:100vh;
  overflow-x:hidden;
}
h1,h2,h3{ font-family:'Sora',sans-serif; }
.mono{ font-family:'IBM Plex Mono',monospace; }

/* ===== HEADER ===== */
header.site{
  display:flex; align-items:center; justify-content:space-between;
  padding:24px 40px; position:relative; z-index:5;
}
.brand{ display:flex; align-items:center; gap:12px; text-decoration:none; color:inherit; }
.brand svg{ width:38px; height:38px; }
.brand-name{ font-family:'Sora',sans-serif; font-weight:800; font-size:17px; letter-spacing:0.02em; }
.brand-sub{ font-size:10.5px; color:#8FA3B8; font-family:'IBM Plex Mono',monospace; letter-spacing:0.06em; }
.site-nav{ display:flex; gap:28px; }
.site-nav a{ color:#C9D5E2; text-decoration:none; font-size:13.5px; font-weight:500; }
.site-nav a:hover{ color:#fff; }

/* ===== HERO ===== */
main{ padding:20px 32px 20px; position:relative; }
.wrap{ position:relative; z-index:2; max-width:1080px; width:100%; margin:0 auto; text-align:center; }

.eyebrow{
  font-family:'IBM Plex Mono',monospace; font-size:12px; letter-spacing:0.14em; text-transform:uppercase;
  color:var(--gold); margin-bottom:16px;
}
h1{ font-size:40px; font-weight:800; line-height:1.15; letter-spacing:-0.01em; }
h1 em{ font-style:normal; color:var(--blue-dim); }
.lead{ margin-top:16px; color:var(--ink-soft); font-size:15.5px; line-height:1.6; max-width:680px; margin-left:auto; margin-right:auto; }

.stats{ display:flex; justify-content:center; gap:36px; margin-top:36px; }
.stat{ text-align:center; }
.stat .num{ font-family:'Sora',sans-serif; font-weight:800; font-size:26px; }
.stat.live .num{ color:var(--gold); }
.stat .label{ font-family:'IBM Plex Mono',monospace; font-size:10.5px; letter-spacing:0.06em; text-transform:uppercase; color:#8FA3B8; margin-top:4px; }

/* ===== REGIONS ===== */
.regions{ max-width:1080px; margin:56px auto 0; text-align:left; display:grid; grid-template-columns:1fr 1fr; gap:20px; padding-bottom:70px; }
.region{
  background:rgba(255,255,255,0.05); border:1px solid rgba(255,255,255,0.14); border-radius:16px;
  padding:22px 24px; backdrop-filter:blur(6px);
}
.region h2{ font-size:16px; font-weight:700; color:#fff; margin-bottom:14px; display:flex; align-items:center; gap:8px; }
.region h2 .dot{ width:8px; height:8px; border-radius:50%; background:var(--blue); display:inline-block; }
.dept-chips{ display:flex; flex-wrap:wrap; gap:8px; }

.chip{
  font-size:12.5px; padding:7px 12px; border-radius:999px;
  border:1px solid rgba(255,255,255,0.16); color:var(--ink-soft);
  display:inline-flex; align-items:center; gap:6px;
}
a.chip.live{
  background:var(--gold); color:#191008; font-weight:700; border-color:transparent;
  text-decoration:none; transition:transform .12s ease;
}
a.chip.live:hover{ transform:translateY(-2px); }
.chip.soon{ opacity:0.55; }
.chip.soon .badge{ font-family:'IBM Plex Mono',monospace; font-size:9px; letter-spacing:0.04em; text-transform:uppercase; color:#7C8CA1; }
a.chip.live .badge{ font-family:'IBM Plex Mono',monospace; font-size:9px; letter-spacing:0.04em; text-transform:uppercase; }

footer.site{ padding:28px 32px 40px; text-align:center; font-size:12px; color:#6E7F93; position:relative; z-index:2; }
footer.site .foot-logo{ width:22px; height:22px; margin:0 auto 10px; display:block; }

/* ===== CTA RECRUTEMENT (accueil) ===== */
.cta-recrutement{ margin-top:0; padding-bottom:64px; }
.cta-recrutement h2{ font-size:26px; font-weight:800; margin-top:4px; }
.btn-cta{
  display:inline-block; margin-top:24px; background:var(--orange); color:#fff; text-decoration:none;
  font-weight:700; font-size:15px; padding:14px 26px; border-radius:10px; transition:transform .12s ease;
}
.btn-cta:hover{ transform:translateY(-2px); }

/* ===== PAGE DÉDIÉE (page-candidature-administrateur.php) ===== */
.page-candidature{ padding:20px 0 70px; }
.page-candidature h1{ font-size:32px; margin-bottom:28px; }
.page-candidature .page-content{ text-align:left; }

@media (max-width: 780px){
  header.site{ padding:20px 22px; }
  .site-nav{ display:none; }
  .regions{ grid-template-columns:1fr; }
  h1{ font-size:30px; }
  .stats{ gap:24px; }
}