/* /formations : éléments qui étaient natifs Wix */
.formations-page { overflow-x: clip; }

.formations-page-separator {
  max-width: 560px;
  margin: 62px auto;
  padding: 0 20px;
}
.formations-page-separator img {
  display: block;
  width: 100%;
  height: auto;
}

/* Septembre 2026 : réduit fortement le vide avant le séparateur
   qui introduit le catalogue, sans toucher au séparateur plus bas. */
@media (min-width: 901px) {
  .formations-page .tt-heroFormations {
    padding-bottom: 0 !important;
  }
  .formations-page .tt-heroFormations + .formations-page-separator {
    margin-top: -34px !important;
  }
}

/* Date de la prochaine session : texte simple, sans fluo jaune. */
.formations-page .tt-sessionDate {
  background: none !important;
  background-image: none !important;
  padding: 0 !important;
}

/* Septembre 2026 : on retire visuellement la double photo et on enchaîne
   directement le séparateur vers la section formation sur-mesure. */
.formations-photos {
  display: none !important;
}
.tt-catalogFolders + .formations-page-separator {
  margin-bottom: 24px;
}
.formations-page-separator + .formations-photos + .tt-customTraining {
  padding-top: 0 !important;
}

.formations-photo-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 48px;
  align-items: start;
}
.formations-photo-grid figure {
  margin: 0;
  text-align: center;
}
.formations-photo-grid img {
  display: block;
  width: 100%;
  aspect-ratio: 383 / 584;
  object-fit: cover;
  border: 9px solid #fff;
  outline: 1px solid rgba(0,0,0,.10);
}
.formations-photo-grid figcaption {
  margin-top: 7px;
  font-size: 8px;
  line-height: 1;
  color: rgba(45,45,45,.62);
}

/* La bio clôt la FAQ : on garde juste un petit souffle avant les logos. */
.formations-page .tt-formFaqSection {
  padding-bottom: 12px !important;
}

/* Smart hover discret du post-it bio. */
.formations-page .tt-formFaqSection .tt-formationsBio {
  transform-origin: center;
  will-change: transform;
  transition: transform .28s cubic-bezier(.2,.8,.2,1), box-shadow .28s ease !important;
}

@media (hover:hover) and (pointer:fine) {
  .formations-page .tt-formFaqSection .tt-formationsBio:hover {
    transform: translateY(-2px) scale(1.025);
    box-shadow: 0 16px 34px rgba(0,0,0,.11) !important;
  }
}

.formations-funding {
  max-width: 860px;
  margin: 24px auto 56px;
  padding: 0 20px;
}

.formations-funding-grid {
  display: grid;
  grid-template-columns: 1.15fr 1fr 1fr;
  gap: 48px;
  align-items: center;
  justify-items: center;
}

.funding-logo {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 125px;
  text-decoration: none;
  transition: transform .18s ease, opacity .18s ease;
}

.funding-logo:hover {
  transform: translateY(-3px);
  opacity: .88;
}

.funding-logo img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
}

.funding-logo--qualiopi img { max-width: 210px; }
.funding-logo--afdas img { max-width: 205px; }
.funding-logo--france-travail img { max-width: 190px; }

@media (max-width: 900px) {
  .formations-page-separator {
    margin: 34px auto 38px;
    max-width: 500px;
  }
  .formations-photos { margin-top: 46px; }
  .formations-photo-grid { gap: 24px; }
  .formations-funding { margin-top: 20px; }
  .tt-catalogFolders + .formations-page-separator {
    margin-bottom: 20px;
  }
}

@media (max-width: 620px) {
  .formations-page-separator {
    margin: 26px auto 30px;
    padding: 0 18px;
  }
  .formations-photo-grid {
    grid-template-columns: 1fr;
    max-width: 390px;
    margin: 0 auto;
    gap: 32px;
  }
  .formations-photos { margin: 38px auto; }
  .formations-funding {
    margin: 18px auto 42px;
    padding: 0 16px;
  }
  .tt-catalogFolders + .formations-page-separator {
    margin-bottom: 16px;
  }
}

@media (max-width: 760px) {
  .formations-funding-grid {
    grid-template-columns: 1fr;
    gap: 20px;
    max-width: 330px;
    margin: 0 auto;
  }
  .funding-logo { min-height: 0; }
  .funding-logo--qualiopi img { max-width: 190px; }
  .funding-logo--afdas img { max-width: 185px; }
  .funding-logo--france-travail img { max-width: 170px; }
}

@media (prefers-reduced-motion: reduce) {
  .formations-page .tt-formFaqSection .tt-formationsBio {
    transition: none !important;
    will-change: auto;
  }
  .formations-page .tt-formFaqSection .tt-formationsBio:hover {
    transform: none !important;
  }
}


/* V8 — Hero interne harmonisé */
.formations-page .tt-heroFormations .tt-heroWrap {
  max-width: var(--page-hero-max) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.formations-page .tt-heroFormations .tt-heroTitle {
  font-size: var(--page-hero-size) !important;
  line-height: var(--page-hero-line) !important;
  letter-spacing: var(--page-hero-letter) !important;
  max-width: 15ch !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
  hyphens: none !important;
}

/* Septembre 2026 : catalogue en grille 2 × 2 sur desktop. */
.formations-page .tt-catalogFolders .tt-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 18px !important;
}
@media (max-width: 700px) {
  .formations-page .tt-catalogFolders .tt-grid {
    grid-template-columns: 1fr !important;
  }
}

/* Smart hover — Personnage cherche arc */
.formations-page .tt-folder--character .tt-pop::before {
  background-image: url('/assets/media/formation-personnage-hover.webp') !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}
@media (hover:hover) and (pointer:fine) {
  .formations-page .tt-folder--character:hover .tt-pop::before {
    transform: scale(.96) !important;
  }
}