/* ============================================================================
   FORMEXA — SOBRIÉTÉ
   Chargé en dernier : remplace les glows néon colorés par des ombres neutres,
   bordures discrètes. Look professionnel, effets retenus.
============================================================================ */

/* ── Cartes stats : bordure fine neutre, accent discret ────────────────── */
.stat-card{
  background:#0C1430;
  border:1px solid rgba(255,255,255,.10);
}
.stat-card:hover{
  transform:translateY(-4px);
  background:#0E1838;
  border-color:rgba(255,255,255,.18);
  box-shadow:0 16px 40px rgba(0,0,0,.4);
}

/* ── Atouts ────────────────────────────────────────────────────────────── */
.why-card{
  background:#0C1430;
  border:1px solid rgba(255,255,255,.10);
}
.why-card:hover{
  transform:translateY(-3px);
  background:#0E1838;
  border-color:rgba(255,255,255,.18);
  box-shadow:0 14px 36px rgba(0,0,0,.4);
}

/* ── Formations : halo radial coupé, ombre neutre ──────────────────────── */
.fcard{
  background:#0C1430;
  border:1px solid rgba(255,255,255,.10);
}
.fcard::before{opacity:.12}
.fcard:hover{
  transform:translateY(-5px);
  background:#0E1838;
  border-color:color-mix(in srgb,var(--acc) 45%,transparent);
  box-shadow:0 18px 44px rgba(0,0,0,.45);
}
.fcard:hover::before{opacity:.25}

/* ── Avis clients ──────────────────────────────────────────────────────── */
.review-card{
  background:#0C1430;
  border:1px solid rgba(255,255,255,.10);
}
@media (hover: hover) and (pointer: fine){
  .review-card:hover{
    transform:translateY(-3px);
    background:#0E1838;
    border-color:rgba(255,255,255,.18);
    box-shadow:0 14px 36px rgba(0,0,0,.4);
  }
}

/* ── Contact ───────────────────────────────────────────────────────────── */
.contact-info-card{
  background:#0C1430;
  border:1px solid rgba(255,255,255,.10);
}
.contact-info-card:hover{
  background:#0E1838;
  box-shadow:0 14px 36px rgba(0,0,0,.4);
}
.contact-info-card::before{opacity:.15}

/* ── Process ───────────────────────────────────────────────────────────── */
.process-step{
  background:#0C1430;
  border:1px solid rgba(255,255,255,.10);
}
@media (hover: hover) and (pointer: fine){
  .process-step:hover{
    transform:translateY(-4px);
    background:#0E1838;
    border-color:color-mix(in srgb,var(--pc) 40%,transparent);
    box-shadow:0 16px 40px rgba(0,0,0,.4);
  }
}
.step-num{opacity:.12}

/* ── FAQ ───────────────────────────────────────────────────────────────── */
.faq-item{
  background:#0C1430;
  border:1px solid rgba(255,255,255,.10);
}
.faq-item.open{
  background:#0E1838;
  border-color:rgba(53,197,240,.4);
  box-shadow:0 14px 36px rgba(0,0,0,.4);
}

/* ── Boutons : ombres neutres, plus de halo coloré ─────────────────────── */
.btn-primary{
  box-shadow:0 6px 18px rgba(0,0,0,.35);
}
.btn-primary:hover{
  transform:translateY(-2px);
  box-shadow:0 10px 26px rgba(0,0,0,.45);
}
.btn-white:hover{
  transform:translateY(-2px);
  box-shadow:0 10px 26px rgba(0,0,0,.4);
}
.btn-outline-white:hover{transform:translateY(-2px)}

/* ── Logos OPCO : ombre douce ──────────────────────────────────────────── */
.opco-logo-box{box-shadow:0 2px 10px rgba(0,0,0,.25)}
.opco-card:hover .opco-logo-box{
  transform:none;
  box-shadow:0 4px 14px rgba(0,0,0,.3);
}

/* ── Outil OPCO (section SIRET) : bouton sans halo ─────────────────────── */
.opco-cta-inner{box-shadow:none}

/* ── Back-to-top : discret ─────────────────────────────────────────────── */
.back-to-top:hover{
  background:#1055AA;
  box-shadow:0 8px 22px rgba(0,0,0,.4);
}

/* ── Cookie : bordure neutre ───────────────────────────────────────────── */
.cookie-banner{border-top-color:rgba(255,255,255,.12)}
.cookie-accept{box-shadow:0 4px 14px rgba(0,0,0,.3)}
.cookie-accept:hover{box-shadow:0 6px 18px rgba(0,0,0,.4)}

/* ── Accent unique : bleu doux #7FB8E8 remplace le cyan néon ───────────── */
.highlight-text{
  background:none;
  -webkit-text-fill-color:currentColor;
  color:#7FB8E8;
}
#scrollProgress{background:#7FB8E8}
.section-tag{
  background:rgba(255,255,255,.06);
  color:rgba(255,255,255,.72);
  border:1px solid rgba(255,255,255,.14);
}
.btn-primary{background:#1055AA}
.btn-primary:hover{background:#1B92D8}

/* ── Formations : catégories en camaïeu neutre, CTA sobre ──────────────── */
.fcard::before{display:none}
.fc-cat,.fc-pill{
  color:rgba(255,255,255,.7);
  background:rgba(255,255,255,.07);
}
.fc-meta i{color:#7FB8E8}
.fc-cta{border-color:rgba(255,255,255,.25);color:rgba(255,255,255,.85)}
.fcard:hover .fc-cta{background:#1055AA;border-color:transparent;color:#fff}

/* ── Process : icônes uniformes, ligne discrète ────────────────────────── */
.process-grid::before{border-top-color:rgba(255,255,255,.12)}
.step-icon{
  color:#7FB8E8;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.12);
}
.step-num{color:rgba(255,255,255,.5)}

/* ── FAQ : chevron doux ────────────────────────────────────────────────── */
.faq-q i{color:#7FB8E8}
.faq-a a{color:#7FB8E8}
.faq-item.open{border-color:rgba(255,255,255,.22)}

/* ── Chatbot : bouton uni, sans pulsation ──────────────────────────────── */
.chatbot-fab{
  background:#1055AA !important;
  box-shadow:0 8px 24px rgba(0,0,0,.4) !important;
  animation:none !important;
}
.chatbot-fab:hover{background:#1B92D8 !important}
.chatbot-fab::before,.chatbot-fab::after{display:none !important}

/* ── Contact : encart accompagnement neutre ────────────────────────────── */
.opco-cta-inner i{color:#7FB8E8}
.contact-info-card::before{display:none}

/* ── Navbar : fond solide au scroll (lisibilité) ───────────────────────── */
.navbar.scrolled{
  background:rgba(10,22,40,.92) !important;
  backdrop-filter:blur(14px) !important;
  -webkit-backdrop-filter:blur(14px) !important;
  border-bottom:1px solid rgba(255,255,255,.08) !important;
  box-shadow:0 8px 28px rgba(0,0,0,.35) !important;
}

/* ── Skip-link (accessibilité clavier) ─────────────────────────────────── */
.skip-link{
  position:fixed;top:-48px;left:16px;z-index:300;
  background:#1055AA;color:#fff;font-weight:600;font-size:.9rem;
  padding:10px 18px;border-radius:0 0 10px 10px;
  transition:top .2s;
}
.skip-link:focus{top:0}

/* ── Focus clavier visible (accessibilité) ─────────────────────────────── */
a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible{
  outline:2px solid #35C5F0;
  outline-offset:2px;
  border-radius:4px;
}