/* ====== Page Recrutement ====== */

.hero-recruit{
  border:1px solid var(--border);
  background: linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,.01));
  position: relative;
}
.hero-recruit::before{
  content:""; position:absolute; inset:0;
  background:
    radial-gradient(1200px 700px at 15% 10%, rgba(196,22,28,.20), transparent 70%),
    radial-gradient(900px 600px at 95% 95%, rgba(196,22,28,.12), transparent 70%);
  pointer-events:none;
}
.hero-visual img{ border-left:1px solid var(--border); }

/* Cartes */
.card{ background: var(--card); border:1px solid var(--border); }
.card h2, .card h5, .card .h5, .card .h6 { color:#fff; }

.benefits{
  background: linear-gradient(180deg, rgba(196,22,28,.08), rgba(255,255,255,.02));
  border-left: 2px solid rgba(196,22,28,.35);
}
.charter{
  background: linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.01));
  border-left: 2px solid rgba(255,255,255,.12);
}

/* Formulaire */
form .form-label{ color:#eaeaea; }
form .form-control, form .form-select{
  background: transparent; color:#eaeaea; border-color:#3a3a42;
}
form .form-control::placeholder{ color:#9aa0ab; }

/* Accordion sombre (FAQ) */
.accordion-button{
  background: rgba(255,255,255,.03);
  color:#eaeaea;
  border-bottom:1px solid var(--border);
}
.accordion-button:not(.collapsed){
  background: rgba(196,22,28,.15);
  color:#fff;
}
.accordion-button:focus{
  box-shadow: none;
  border-color: var(--brand);
}
.accordion-body{ background: rgb(88, 69, 69); }

/* CTA final */
.cta-recruit{
  background:
    radial-gradient(900px 500px at 10% -20%, rgba(196,22,28,.22), transparent 70%),
    radial-gradient(900px 500px at 90% 120%, rgba(196,22,28,.12), transparent 70%);
  border:1px solid var(--border); border-radius:1rem;
}

/* Listes */
.list-unstyled .bi-dot{ color: var(--brand); }

/* Responsive touches */
@media (max-width: 991.98px){
  .hero-visual img{ border-left: none; border-top:1px solid var(--border); }
}
/* 1) Texte principal + secondaire dans les cartes */
.card p,
.card .card-body { color: #e9ebef; }
.card .text-secondary { color: #cfd4dd !important; }

/* 2) Titres de carte bien visibles */
.card h1, .card h2, .card h5, .card .h5, .card .h6 { color:#ffffff !important; }

/* 3) Listes (puces, items) */
.card ul li { color:#f1f3f6; }
.card ul li .small { color:#cfd4dd !important; }

/* 4) Icônes dans les cartes (par défaut blanches) */
.card i.bi { color:#eaeaea; }
/* Icônes d’accent en rouge lisible */
.card .bi-check2,
.card .bi-check2-circle,
.card .bi-info-circle,
.card .bi-shield-lock,
.card .bi-people,
.card .bi-clipboard-data { color: var(--brand); }

/* 5) Badges/labels dans le hero */
.hero-recruit .badge { color:#fff; }

/* 6) Formulaire (labels, placeholders, bordures) */
form .form-label { color:#eaeaea; }
form .form-control, form .form-select {
  background: transparent;
  color:#f1f3f6;
  border-color:#3a3a42;
}
form .form-control::placeholder { color:#9aa0ab; }

/* 7) Accordion (FAQ) : texte + chevron visibles */
.accordion-button {
  background: rgb(61, 57, 57);
  color:#f1f3f6;
  border-bottom:1px solid var(--border);
}
.accordion-button:not(.collapsed) {
  background: rgb(92, 11, 14);
  color:#fff;
}
.accordion-button::after { filter: invert(1) opacity(.9); } /* chevron clair */
.accordion-body { color:#dfe4ea; }

/* 8) Bandeau “Pourquoi nous rejoindre” */
.benefits li { color:#f1f3f6; }
.benefits .text-secondary { color:#d3d8e1 !important; }

/* 9) Bloc charte */
.charter p, .charter li { color:#e9ebef; }

/* 10) CTA final */
.cta-recruit h2 { color:#ffffff; }
.cta-recruit p { color:#cfd4dd; }

/* 11) Boutons outline : contraste ++ sur ce fond */
.btn-outline-light {
  color:#f8f9fb;
  border-color: rgba(255,255,255,.35);
}
.btn-outline-light:hover {
  background: var(--brand);
  border-color: var(--brand);
  color:#fff;
}