/* ═══════════════════════════════════════════════════════════════
   SOCARA — page Carrières (templates/template-carrieres.php)
   ═══════════════════════════════════════════════════════════════ */

/* ── Haut de page : variante mobile (useIsMobile, seuil 900px) ── */
@media (max-width: 899.98px) {
  .carrieres-hero__inner { padding: 0 20px 44px !important; }
  .carrieres-hero__buttons { flex-direction: column !important; margin-top: 28px !important; }
  .carrieres-hero__buttons a { text-align: center; }
}
.carrieres-btn-ghost:hover,
.carrieres-btn-ghost:focus-visible {
  background: #fff !important;
  color: #141414 !important;
  border-color: #fff !important;
  text-shadow: none !important;
}

/* ── Offres : survol d'une ligne ──
   La ligne (<article>) n'est plus un lien : elle contient deux liens distincts
   (« En savoir plus sur le poste » si PDF, « Postuler »). Le survol de la ligne garde l'effet d'origine. */
.carrieres-offre:hover .carrieres-offre__titre,
.carrieres-offre:hover .carrieres-offre__cta,
.carrieres-offre__cta:focus-visible { color: #e30713 !important; }
.carrieres-offre:hover .carrieres-offre__fleche,
.carrieres-offre__cta:focus-visible .carrieres-offre__fleche { transform: translateX(5px) !important; }
.js .carrieres-offre--ligne { cursor: pointer; } /* clic sur la ligne = « Postuler » (carrieres.js) */
.carrieres-offre__pdf:hover,
.carrieres-offre__pdf:focus-visible {
  background: #141414 !important;
  border-color: #141414 !important;
  color: #fff !important;
}
.carrieres-offre__pdf:focus-visible,
.carrieres-offre__cta:focus-visible { outline: 2px solid #e30713; outline-offset: 3px; }
@media (max-width: 760px) {
  /* Mobile : infos en haut, actions en dessous sur toute la largeur */
  .carrieres-offre--ligne { flex-direction: column !important; align-items: stretch !important; gap: 16px !important; padding: 24px 0 !important; }
  .carrieres-offre__actions { justify-content: flex-start; gap: 12px 24px !important; }
}
@media (max-width: 420px) {
  .carrieres-offre__pdf { flex: 1 1 100%; justify-content: center; }
}

/* ── Engagements RH : marges intérieures sur téléphone ── */
@media (max-width: 600px) {
  .carrieres-engagements__inner { padding: 52px 20px !important; }
}

/* ── Témoignages : cartes plus étroites sur téléphone ── */
@media (max-width: 600px) {
}

/* ── Formulaire de candidature ── */
.carrieres-form input:focus,
.carrieres-form select:focus,
.carrieres-form textarea:focus { border-color: #e30713 !important; }
@media (max-width: 600px) {
  .carrieres-form-box { padding: 32px 22px !important; }
  .carrieres-form-box [role="status"] { padding: 44px 20px !important; }
}

/* Zone de dépôt : sans JavaScript, le champ fichier natif reste visible et utilisable. */
.carrieres-drop__input { display: block; margin: 16px auto 0; max-width: 100%; font-size: 13px; }
.js .carrieres-drop__input {
  position: absolute; inset: 0; width: 100%; height: 100%; margin: 0;
  opacity: 0; cursor: pointer;
}
.carrieres-drop:hover,
.carrieres-drop.is-drag { border-color: #e30713 !important; }
.carrieres-drop.is-drag { background: rgba(227,7,19,.04) !important; }
.carrieres-drop.is-drag .carrieres-drop__icon { stroke: #e30713; }
.carrieres-drop:focus-within { border-color: #e30713 !important; }
.carrieres-drop__remove:hover { color: #e30713 !important; }

/* Le texte d'introduction du haut de page reste blanc (pas d'atténuation globale) */
.carrieres-hero__intro { color: #fff !important; }
@media (max-width: 860px) {
  /* Sur mobile le texte occupe toute la largeur : voile plus uniforme */
  .carrieres-hero__voile { background: linear-gradient(to top, rgba(10,10,10,.85) 0%, rgba(10,10,10,.55) 55%, rgba(10,10,10,.25) 100%) !important; }
}

/* Boutons de la page un peu plus compacts (−2px de texte, marges réduites) */
.page-carrieres .carrieres-hero__buttons a,
.page-carrieres form button[type="submit"] { font-size: 15px !important; }
.page-carrieres .carrieres-hero__buttons .btn-red,
.page-carrieres form button[type="submit"] { padding: 13px 28px !important; }
.page-carrieres .carrieres-hero__buttons .carrieres-btn-ghost { padding: 11.5px 26.5px !important; }
.page-carrieres .carrieres-offre__cta,
.page-carrieres a.carrieres-offre[style*="inline-flex"] { font-size: 15px !important; }
.page-carrieres .carrieres-offre__pdf { font-size: 14px !important; }

/* Offres d'emploi : textes un peu plus discrets */
.page-carrieres .carrieres-offre__titre { font-size: 22px !important; }
.page-carrieres .carrieres-offre__lieu { font-size: 16px !important; }
.page-carrieres .carrieres-offre__contrat { font-size: 12px !important; }
.page-carrieres .carrieres-offre__description { font-size: 17px !important; }
@media (max-width: 600px) {
  .page-carrieres .carrieres-offre__titre { font-size: 19px !important; }
  .page-carrieres .carrieres-offre__description { font-size: 16px !important; }
}

/* Stage & alternance sur fond gris : le cadre de la photo (détourée, non recadrée) passe en blanc */
.carrieres-stage [style*="background: #eee"] { background: #fff !important; }

/* Pourquoi nous rejoindre : cartes plus compactes */
#carrieres-culture p[style*="font-size: 15px"] { font-size: 17px !important; }
@media (max-width: 600px) {
  #carrieres-culture p[style*="font-size: 15px"] { font-size: 16px !important; }
}