/* 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;
  }
}


/*
CSS base (commun aux deux rotateurs) :
- Transition fade/translate
- Structure inline-block
*/
.rot{position:relative;display:inline-block;transition:opacity .22s ease,transform .22s ease}
.rot.out{opacity:0;transform:translateY(.2em)}
.brand{font-weight:600}

/*
Surlignage pour le H1 : orange (#E06D47), ~1/3 inférieur
*/
.highlight-orange{background-image:linear-gradient(180deg,rgba(224,109,71,0)66%,#E06D47 0);background-size:100% 100%;background-repeat:no-repeat;padding:0 .08em;box-decoration-break:clone;-webkit-box-decoration-break:clone}

/*
Surlignage pour "Des emplois" : jaune (#F1D161), ~1/3 inférieur
*/
.highlight-jaune{background-image:linear-gradient(180deg,rgba(241,209,97,0)66%,#F1D161 0);background-size:100% 100%;background-repeat:no-repeat;padding:0 .08em;box-decoration-break:clone;-webkit-box-decoration-break:clone}


/* ACCUEIL — Section "Nos partenaires" : harmonisation des logos en mobile */
@media (max-width: 767px) {
  /* Cible exactement la zone Nos partenaires (Zone 2408618) */
  .line-partner [data-zone-alias="Zone 2408618"] .itemImage img {
    /* Taille commune */
    max-height: 80px;     /* Ajuste à 48 / 56 / 64 px selon ton œil */
    width: auto;
    height: auto;
    max-width: 100%;

    /* Préserve le ratio et évite tout rognage imposé ailleurs */
    object-fit: contain !important;

    /* Centrage fiable */
    display: block;
    margin: 0 auto;
  }
}