/* ═══════════════════════════════════════════════════════
   BISYS CONSEIL — GLOBAL.CSS  Charte UI v3
   Variables · Boutons clairs · Sections claires · Curseur
   ═══════════════════════════════════════════════════════ */

:root {
  --color-bg:        #F8FAFC;
  --color-bg-soft:   #EEF4FF;
  --color-navy:      #0B132B;
  --color-text:      #101828;
  --color-muted:     #667085;
  --color-blue:      #3B82F6;
  --color-blue-dark: #2563EB;
  --color-red:       #E1262F;
  --color-success:   #14B8A6;
  --color-border:    #D7DEE8;
  --radius-card:     24px;
  --shadow-soft:     0 18px 45px rgba(15,23,42,.08);
}

/* ══════════════════════════════════════════════════════
   1. TOUS LES BOUTONS BLEUS → BLEU VIF
   ══════════════════════════════════════════════════════ */
[class*="-btn-blue"], [class*="-form-btn"] {
  background: linear-gradient(135deg, #3B82F6 0%, #2563EB 100%) !important;
  box-shadow: 0 8px 26px rgba(59,130,246,0.30) !important;
  color: #fff !important; border: none !important;
}
[class*="-btn-blue"]:hover, [class*="-form-btn"]:hover {
  background: linear-gradient(135deg, #60A5FA 0%, #3B82F6 100%) !important;
  box-shadow: 0 14px 38px rgba(59,130,246,0.42) !important;
  transform: translateY(-3px) !important;
}

/* ── CTA NAV ─────────────────────────────────────────── */
.bisys-cta, .bisys-drawer-cta {
  background: linear-gradient(135deg, #3B82F6 0%, #2563EB 100%) !important;
  box-shadow: 0 6px 22px rgba(59,130,246,0.32) !important;
}
.bisys-cta:hover, .bisys-drawer-cta:hover {
  background: linear-gradient(135deg, #60A5FA 0%, #3B82F6 100%) !important;
  box-shadow: 0 12px 32px rgba(59,130,246,0.44) !important;
}

/* ── BOUTONS GHOST ───────────────────────────────────── */
[class*="-btn-ghost"] {
  background: rgba(255,255,255,0.90) !important;
  backdrop-filter: blur(14px) !important;
  border: 1px solid #D7DEE8 !important;
  box-shadow: 0 4px 14px rgba(0,0,0,0.07) !important;
  color: #101828 !important;
}
[class*="-btn-ghost"]:hover { background: #fff !important; }

/* ── BOUTONS VERTS → TEAL LUMINEUX ──────────────────── */
[class*="-btn-green"] {
  background: linear-gradient(135deg, #14b8a6 0%, #0d9488 100%) !important;
  box-shadow: 0 8px 26px rgba(20,184,166,0.28) !important;
}
[class*="-btn-green"]:hover {
  background: linear-gradient(135deg, #2dd4bf 0%, #14b8a6 100%) !important;
}

/* ══════════════════════════════════════════════════════
   2. SUPPRESSION SECTIONS FONCÉES — tout le site
   ══════════════════════════════════════════════════════ */

/* Services — bannière et CTA verts */
.sv-banner {
  background: linear-gradient(135deg, #EEF4FF 0%, #dce8ff 55%, #EEF4FF 100%) !important;
  border-top: 1px solid rgba(59,130,246,0.12) !important;
  border-bottom: 1px solid rgba(59,130,246,0.12) !important;
}
.sv-banner-orb-a, .sv-banner-orb-b { opacity: 0 !important; }
.sv-banner-inner { color: #101828 !important; }
.sv-banner h2 { color: #101828 !important; }
.sv-banner h2 em {
  background: linear-gradient(90deg, #3B82F6, #E1262F) !important;
  -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
}
.sv-banner-logo {
  background: rgba(255,255,255,0.85) !important;
  border: 1px solid rgba(59,130,246,0.18) !important;
}
.sv-banner-cta {
  background: linear-gradient(135deg, #3B82F6, #2563EB) !important;
  color: #fff !important; box-shadow: 0 8px 28px rgba(59,130,246,0.30) !important;
}

/* Services — bouton CTA vert trop foncé */
.sv-cta-btn--green {
  background: linear-gradient(135deg, #14b8a6 0%, #0d9488 100%) !important;
  box-shadow: 0 8px 28px rgba(20,184,166,0.28) !important;
}
.sv-cta-btn--blue {
  background: linear-gradient(135deg, #3B82F6 0%, #2563EB 100%) !important;
  box-shadow: 0 8px 28px rgba(59,130,246,0.28) !important;
}
.sv-cta-btn--cyan {
  background: linear-gradient(135deg, #22d3ee 0%, #0891b2 100%) !important;
  box-shadow: 0 8px 28px rgba(34,211,238,0.28) !important;
}
.sv-cta-btn--violet {
  background: linear-gradient(135deg, #a78bfa 0%, #7c3aed 100%) !important;
  box-shadow: 0 8px 28px rgba(167,139,250,0.28) !important;
}
.sv-cta-btn--rose {
  background: linear-gradient(135deg, #fb7185 0%, #e11d48 100%) !important;
  box-shadow: 0 8px 28px rgba(251,113,133,0.28) !important;
}

/* Blog — newsletter foncée */
.bl-newsletter {
  background: linear-gradient(135deg, #EEF4FF 0%, #dce8ff 55%, #EEF4FF 100%) !important;
  border: 1px solid rgba(59,130,246,0.14) !important;
}
.bl-newsletter h2 { color: #101828 !important; }
.bl-newsletter p  { color: #667085 !important; }
.bl-newsletter em { color: #3B82F6 !important; -webkit-text-fill-color: #3B82F6 !important; background: none !important; }

/* Jobs — candidature spontanée foncée */
.jb-sponta {
  background: linear-gradient(135deg, #EEF4FF 0%, #dce8ff 55%, #EEF4FF 100%) !important;
  border: 1px solid rgba(59,130,246,0.14) !important;
}
.jb-sponta h2 { color: #101828 !important; }
.jb-sponta p  { color: #667085 !important; }
.jb-sponta em { color: #3B82F6 !important; -webkit-text-fill-color: #3B82F6 !important; background: none !important; }

/* Contact — bannière foncée */
.ct-banner {
  background: linear-gradient(135deg, #EEF4FF 0%, #dce8ff 55%, #EEF4FF 100%) !important;
  border: 1px solid rgba(59,130,246,0.14) !important;
}
.ct-banner h2 { color: #101828 !important; }
.ct-banner p  { color: #667085 !important; }
.ct-banner h2 em { color: #3B82F6 !important; -webkit-text-fill-color: #3B82F6 !important; background: none !important; }
.ct-banner-tag { background: rgba(59,130,246,0.10) !important; color: #2563EB !important; }

/* Recrutement Entreprise — CTA + KPI foncés */
.re-cta {
  background: linear-gradient(135deg, #EEF4FF 0%, #dce8ff 55%, #EEF4FF 100%) !important;
  border: 1px solid rgba(59,130,246,0.14) !important;
}
.re-cta h2 { color: #101828 !important; }
.re-cta p  { color: #667085 !important; }
.re-cta h2 em { color: #ff671f !important; -webkit-text-fill-color: #ff671f !important; background: none !important; }
.re-kpi-band {
  background: linear-gradient(90deg, #3B82F6, #2563EB) !important;
}

/* Recrutement Candidat — CTA foncé */
.rc-cta {
  background: linear-gradient(135deg, #EEF4FF 0%, #ede8ff 55%, #EEF4FF 100%) !important;
  border: 1px solid rgba(124,58,237,0.14) !important;
}
.rc-cta h2 { color: #101828 !important; }
.rc-cta p  { color: #667085 !important; }

/* Recrutement — CTA foncé */
.rt-cta {
  background: linear-gradient(135deg, #EEF4FF 0%, #e8fff5 55%, #EEF4FF 100%) !important;
  border: 1px solid rgba(20,184,166,0.14) !important;
}
.rt-cta h2 { color: #101828 !important; }
.rt-cta p  { color: #667085 !important; }

/* Portage — CTA/bannière foncée */
.pe-cta, .pt-cta, .aw-cta {
  background: linear-gradient(135deg, #EEF4FF 0%, #fff4ee 55%, #EEF4FF 100%) !important;
  border: 1px solid rgba(255,103,31,0.12) !important;
}
.pe-cta h2, .pt-cta h2, .aw-cta h2 { color: #101828 !important; }
.pe-cta p,  .pt-cta p,  .aw-cta p  { color: #667085 !important; }

/* ══════════════════════════════════════════════════════
   3. CURSEUR PERSONNALISÉ
   ══════════════════════════════════════════════════════ */
#bisys-cursor-dot {
  position: fixed; width: 7px; height: 7px;
  background: #3B82F6; border-radius: 50%;
  pointer-events: none; z-index: 99999;
  transform: translate(-50%,-50%);
  transition: width .2s, height .2s, background .2s;
}
#bisys-cursor-ring {
  position: fixed; width: 34px; height: 34px;
  border: 2px solid rgba(59,130,246,0.50); border-radius: 50%;
  pointer-events: none; z-index: 99998;
  transform: translate(-50%,-50%);
  transition: width .28s, height .28s, border-color .28s, opacity .28s;
}
#bisys-cursor-dot.bisys-cursor-hover  { width: 11px; height: 11px; background: #E1262F; }
#bisys-cursor-ring.bisys-cursor-hover { width: 52px; height: 52px; border-color: rgba(225,38,47,.38); }
#bisys-cursor-ring.bisys-cursor-click { width: 26px; height: 26px; border-color: rgba(59,130,246,.80); opacity: .6; }

/* ══════════════════════════════════════════════════════
   4. CARTES — BASE 3D
   ══════════════════════════════════════════════════════ */
.bl-article, .re-card, .jb-job, .bl-aud, .ct-form-section, .re-step {
  will-change: transform; transform-style: preserve-3d;
}

/* ══════════════════════════════════════════════════════
   5. BOUTONS CARTES PÔLES INDEX — VISIBLES
   ══════════════════════════════════════════════════════ */
.ix-pole-link {
  background: rgba(255,255,255,0.18) !important;
  border: 1px solid rgba(255,255,255,0.35) !important;
  color: #fff !important; font-weight: 700 !important;
}
.ix-pole-link:hover { background: rgba(255,255,255,0.32) !important; }
.ix-pole.orange .ix-pole-link:hover { background: rgba(255,103,31,.40) !important; }
.ix-pole.blue   .ix-pole-link:hover { background: rgba(59,130,246,.40) !important; }
.ix-pole.cyan   .ix-pole-link:hover { background: rgba(34,199,242,.30) !important; }
.ix-pole.green  .ix-pole-link:hover { background: rgba(20,184,166,.35) !important; }

/* ══════════════════════════════════════════════════════
   6. BOUTONS SPÉCIAUX NON COUVERTS PAR -btn-blue
   ══════════════════════════════════════════════════════ */
/* Jobs — bouton Postuler */
.jb-job-link {
  background: linear-gradient(135deg, #3B82F6 0%, #2563EB 100%) !important;
  color: #fff !important;
  box-shadow: 0 6px 18px rgba(59,130,246,0.28) !important;
}
.jb-job:hover .jb-job-link {
  background: linear-gradient(135deg, #60A5FA 0%, #3B82F6 100%) !important;
  box-shadow: 0 10px 28px rgba(59,130,246,0.42) !important;
  transform: translateY(-2px) !important;
}

/* Services — boutons "Découvrir" dans chaque pôle */
.sv-cta-btn {
  color: #fff !important;
}

/* ── FOCUS ACCESSIBLE ───────────────────────────────── */
[class*="-btn"]:focus-visible, .bisys-cta:focus-visible {
  outline: 3px solid rgba(59,130,246,.50) !important; outline-offset: 3px !important;
}