/* Couleur par défaut des liens dans les articles */
.news-content
a {
  color: #F06637;
}

/* Mise en forme des boutons de selection dans Emploi et Formation */
[data-component="form-multi-select-input"] {
    width: 100% !important;
    background: black !important;
}

/* Cacher champs offre demploi dans soumission candidature */
.form-group.form-element-emploi[data-field-object="3043314"] {
    display: none;
}

/* Ajouter marge des tags disciplines repertoires emplois */
.line-repertoire-emplois .disciplines ul li, .line-repertoire-emplois .disciplines ul {
    margin-bottom: 5px !important;
}

/* Ajouter background blanc aux images du répertoire Formations */
.line-repertoire .search-object-result .tab-pane.active>div>img {
    background: white;
}


/* Animation fade-in depuis la droite */
@keyframes fadeInRight {
  from {
    opacity: 0;
    transform: translateX(40px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

/* Animation sur les pages Formation et Emploi */
.line.site_line__item.line-banner { 
  animation: fadeInRight 500ms ease-out 120ms both;
  will-change: transform, opacity;
}


/* Scope : Accueil FR — état initial */
/* État initial appliqué via JS */
.mod-article__intro.h-reveal {
  opacity: 0;
  transform: translateX(40px);
  will-change: transform, opacity;
}

/* Quand visible (classe ajoutée par JS) */
.mod-article__intro.h-reveal.is-visible {
  animation: fadeInRight 700ms ease-out 80ms both;
}

/* Accessibilité */
@media (prefers-reduced-motion: reduce) {
  .mod-article__intro.h-reveal,
  .mod-article__intro.h-reveal.is-visible {
    opacity: 1 !important;
    transform: none !important;
    animation: none !important;
  }
}

/* ====== Animation d'entrée images Accueil ====== */
@keyframes imgFadeInRight {
  from { opacity: 0; transform: translate(40px, 10px) scale(0.98); }
  to   { opacity: 1; transform: translate(0, 0) scale(1); }
}

/* État initial */
.img-hero {
  opacity: 0;
  transform: translate(40px, 10px) scale(0.98);
  will-change: transform, opacity;
}

/* Apparition (classe ajoutée par JS + décalage via --img-delay) */
.img-hero.is-visible {
  animation: imgFadeInRight 700ms ease-out var(--img-delay, 80ms) both;
}

/* ====== Parallax doux après apparition ======
   Le JS ajoute data-parallax="1" quand l'image a fini son animation d'entrée. */
.img-hero.is-visible[data-parallax="1"] {
  transform: translateY(var(--py, 0)) translateZ(0);
  will-change: transform;
}

/* Accessibilité */
@media (prefers-reduced-motion: reduce) {
  .img-hero,
  .img-hero.is-visible,
  .img-hero.is-visible[data-parallax] {
    opacity: 1 !important;
    transform: none !important;
    animation: none !important;
  }
}