/* ============================================================================
   FORMEXA — REDESIGN "BORDURE LUMINEUSE"
   Covers: navbar · stats · atouts · formations · contact
============================================================================ */

/* ── 1) NAVBAR ─────────────────────────────────────────────────────────────── */
.navbar, .navbar.scrolled{
  background:transparent !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  box-shadow:none !important;
  border-bottom:none !important;
}
.navbar .nav-brand, .navbar.scrolled .nav-brand{color:#fff}
.navbar .nav-link, .navbar.scrolled .nav-link{color:rgba(255,255,255,.85)}
.navbar .nav-link:hover, .navbar.scrolled .nav-link:hover{color:#fff;background:rgba(255,255,255,.10)}
.navbar .nav-toggle span, .navbar.scrolled .nav-toggle span{background:#fff}

/* ── 2) STATS ──────────────────────────────────────────────────────────────── */
.stat-card{
  position:relative;border:1.5px solid transparent;border-radius:20px;
  padding:34px 26px;text-align:center;overflow:hidden;
  background:
    linear-gradient(#0C1430,#0C1430) padding-box,
    linear-gradient(140deg,var(--gc),rgba(255,255,255,.06) 48%,rgba(255,255,255,.04)) border-box;
  transition:transform .4s cubic-bezier(.22,.61,.36,1),box-shadow .4s,background .4s;
}
.stat-card:hover{
  transform:translateY(-7px);
  background:
    linear-gradient(#0C1430,#0C1430) padding-box,
    linear-gradient(140deg,var(--gc),var(--gc) 72%,rgba(255,255,255,.05)) border-box;
  box-shadow:0 30px 64px -34px var(--gc);
}
.stat-card::before{content:none !important}
.stat-card .stat-bg-glow,
.stat-card .stat-ring,
.stat-card .stat-line,
.stat-card .stat-orb-wrap{display:none !important}
.stat-card .stat-value{
  font-family:'Space Grotesk',sans-serif;font-size:2.7rem;font-weight:700;
  letter-spacing:-.03em;line-height:1;color:#fff;
}
.stat-card .stat-label{
  margin-top:10px;font-size:.78rem;font-weight:600;letter-spacing:.1em;
  text-transform:uppercase;color:rgba(255,255,255,.55);
}

/* ── 3) ATOUTS ─────────────────────────────────────────────────────────────── */
.why-card{
  position:relative;border:1.5px solid transparent;border-radius:18px;overflow:hidden;
  display:flex;gap:20px;align-items:flex-start;padding:24px 26px;
  background:
    linear-gradient(#0C1430,#0C1430) padding-box,
    linear-gradient(135deg,var(--c),rgba(255,255,255,.06) 48%,rgba(255,255,255,.04)) border-box;
  transition:transform .4s cubic-bezier(.22,.61,.36,1),box-shadow .4s,background .4s;
}
.why-card:hover{
  transform:translateY(-5px);
  background:
    linear-gradient(#0C1430,#0C1430) padding-box,
    linear-gradient(135deg,var(--c),var(--c) 72%,rgba(255,255,255,.05)) border-box;
  box-shadow:0 28px 58px -32px var(--c);
}
.why-icon{display:none !important}
.why-card h3{color:#fff}
.why-card p{color:rgba(255,255,255,.64)}

/* ── 4) FORMATIONS ─────────────────────────────────────────────────────────── */
#formationsGrid{
  display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:26px;
}
.fcard{
  position:relative;border:1.5px solid transparent;border-radius:20px;overflow:hidden;cursor:pointer;
  display:flex;flex-direction:column;padding:26px;
  --acc:#35C5F0;--acc2:#1055AA;--glow:rgba(53,197,240,.55);--catbg:rgba(53,197,240,.12);
  background:
    linear-gradient(#0C1430,#0C1430) padding-box,
    linear-gradient(140deg,var(--acc),rgba(255,255,255,.07) 42%,rgba(255,255,255,.04)) border-box;
  transition:transform .4s cubic-bezier(.22,.61,.36,1),box-shadow .4s,background .4s;
}
.fcard:hover{
  transform:translateY(-9px);
  background:
    linear-gradient(#0C1430,#0C1430) padding-box,
    linear-gradient(140deg,var(--acc),var(--acc2) 65%,rgba(255,255,255,.05)) border-box;
  box-shadow:0 32px 70px -28px var(--glow);
}
.fcard::before{
  content:"";position:absolute;top:-50px;left:-50px;width:180px;height:180px;border-radius:50%;
  background:radial-gradient(circle,var(--glow),transparent 70%);opacity:.45;transition:opacity .4s;pointer-events:none;
}
.fcard:hover::before{opacity:.8}
.fc-top{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:18px}
.fc-ic{display:none !important}
.fc-price{text-align:right;font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:1.2rem;color:#fff;line-height:1.1}
.fc-price small{display:block;font-size:.66rem;color:rgba(255,255,255,.55);font-weight:400;font-family:'Plus Jakarta Sans',sans-serif;margin-top:3px}
.fc-pill{align-self:flex-start;font-size:.7rem;font-weight:600;color:var(--acc);background:var(--catbg);padding:5px 11px;border-radius:50px}
.fc-cat{
  position:relative;z-index:2;align-self:flex-start;display:inline-block;
  font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;
  color:var(--acc);background:var(--catbg);padding:4px 11px;border-radius:50px;margin-bottom:12px;
}
.fcard h3{position:relative;z-index:2;font-family:'Space Grotesk',sans-serif;font-size:1.2rem;margin-bottom:11px;color:#fff}
.fc-desc{position:relative;z-index:2;color:rgba(255,255,255,.64);font-size:.91rem;line-height:1.6;flex:1}
.fc-meta{
  position:relative;z-index:2;display:flex;gap:18px;flex-wrap:wrap;margin:16px 0;padding:14px 0;
  border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);
}
.fc-meta span{display:flex;align-items:center;gap:7px;font-size:.83rem;color:rgba(255,255,255,.7);font-weight:500}
.fc-meta i{color:var(--acc)}
.fc-tags{position:relative;z-index:2;display:flex;flex-wrap:wrap;gap:6px;margin-bottom:20px}
.fc-tag{font-size:.72rem;font-weight:600;color:rgba(255,255,255,.78);background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);padding:4px 10px;border-radius:6px}
.fc-cta{
  position:relative;z-index:2;display:flex;align-items:center;justify-content:center;gap:9px;width:100%;
  font-family:'Plus Jakarta Sans',sans-serif;font-weight:600;font-size:.93rem;padding:13px;border-radius:11px;cursor:pointer;
  background:transparent;border:1.5px solid var(--acc);color:var(--acc);transition:.3s;text-decoration:none;
}
.fc-cta i{transition:transform .3s}
.fcard:hover .fc-cta{background:linear-gradient(120deg,var(--acc2),var(--acc));border-color:transparent;color:#fff}
.fcard:hover .fc-cta i{transform:translateX(5px)}

/* couleurs par catégorie */
.fcard.cat-management{--acc:#35C5F0;--acc2:#1055AA;--glow:rgba(53,197,240,.55);--catbg:rgba(53,197,240,.12)}
.fcard.cat-digital   {--acc:#A78BFA;--acc2:#6D28D9;--glow:rgba(167,139,250,.50);--catbg:rgba(167,139,250,.12)}
.fcard.cat-rh        {--acc:#34D399;--acc2:#047857;--glow:rgba(52,211,153,.50);--catbg:rgba(52,211,153,.12)}
.fcard.cat-commerce  {--acc:#F9B545;--acc2:#B45309;--glow:rgba(249,181,69,.50);--catbg:rgba(249,181,69,.12)}
.fcard.cat-langues   {--acc:#22D3EE;--acc2:#0E7490;--glow:rgba(34,211,238,.50);--catbg:rgba(34,211,238,.12)}
.fcard.cat-securite  {--acc:#FB7185;--acc2:#9F1239;--glow:rgba(251,113,133,.50);--catbg:rgba(251,113,133,.12)}

/* responsive */
@media(max-width:600px){
  #formationsGrid{grid-template-columns:1fr}
  .fcard{padding:20px}
}

/* ── 5) CONTACT ────────────────────────────────────────────────────────────── */
.contact-info-card{
  position:relative;border:1.5px solid transparent;border-radius:20px;overflow:hidden;padding:14px 30px;
  background:
    linear-gradient(#0C1430,#0C1430) padding-box,
    linear-gradient(140deg,#35C5F0,rgba(255,255,255,.07) 46%,rgba(255,255,255,.04)) border-box;
  transition:box-shadow .4s,background .4s;
}
.contact-info-card:hover{
  box-shadow:0 28px 60px -32px rgba(53,197,240,.55);
  background:
    linear-gradient(#0C1430,#0C1430) padding-box,
    linear-gradient(140deg,#35C5F0,#1055AA 65%,rgba(255,255,255,.05)) border-box;
}
.contact-info-card::before{
  content:"";position:absolute;top:-50px;left:-50px;width:170px;height:170px;border-radius:50%;
  background:radial-gradient(circle,rgba(53,197,240,.5),transparent 70%);opacity:.4;pointer-events:none;
}
.contact-info-item{
  position:relative;z-index:2;display:flex;align-items:center;gap:18px;
  padding:18px 0;border-bottom:1px solid rgba(255,255,255,.08);
}
.contact-info-item:last-child{border-bottom:none}
.ci-icon{display:none !important}
.contact-info-item:nth-child(1) .ci-icon{color:#35C5F0}
.contact-info-item:nth-child(2) .ci-icon{color:#34D399}
.contact-info-item:nth-child(3) .ci-icon{color:#F9B545}
.contact-info-item strong{display:block;font-size:.74rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:rgba(255,255,255,.5);margin-bottom:3px}
.contact-info-item span{font-size:1.02rem;font-weight:600;color:#fff}