/* ======================================================================
   V40 — Carrousel mobile « Logiciels utilisés » des pages programme

   - deux cartes visibles côte à côte ;
   - déplacement horizontal d'une carte à la fois ;
   - points de position sous les cartes ;
   - aucune modification au-delà de 767 px ;
   - aucune application aux pages de détail des formations logicielles.
   ====================================================================== */

html body#top.fb-lot1015-public-page.fb-v18-program-detail
.formation-main .formation-softwares.fb-v18-softwares
.fb-software-carousel-dots {
  display: none;
}

@media screen and (max-width: 767px) {
  html body#top.fb-lot1015-public-page.fb-v18-program-detail
  .formation-main .formation-softwares.fb-v18-softwares {
    overflow: hidden !important;
  }

  html body#top.fb-lot1015-public-page.fb-v18-program-detail
  .formation-main .formation-softwares.fb-v18-softwares
  .formation-logo-row {
    display: flex !important;
    grid-template-columns: none !important;
    align-items: stretch !important;
    gap: 12px !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 18px 0 0 !important;
    padding: 0 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-snap-type: x mandatory !important;
    scroll-padding-inline: 0 !important;
    scroll-behavior: smooth !important;
    overscroll-behavior-x: contain !important;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    box-sizing: border-box !important;
  }

  html body#top.fb-lot1015-public-page.fb-v18-program-detail
  .formation-main .formation-softwares.fb-v18-softwares
  .formation-logo-row::-webkit-scrollbar {
    display: none;
  }

  html body#top.fb-lot1015-public-page.fb-v18-program-detail
  .formation-main .formation-softwares.fb-v18-softwares
  .formation-logo-row > .software-public-card {
    flex: 0 0 calc((100% - 12px) / 2) !important;
    width: calc((100% - 12px) / 2) !important;
    min-width: calc((100% - 12px) / 2) !important;
    max-width: calc((100% - 12px) / 2) !important;
    height: clamp(190px, 52vw, 224px) !important;
    min-height: 190px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    overflow: hidden !important;
    scroll-snap-align: start !important;
    scroll-snap-stop: always !important;
    border-radius: 10px !important;
    box-sizing: border-box !important;
  }

  html body#top.fb-lot1015-public-page.fb-v18-program-detail
  .formation-main .formation-softwares.fb-v18-softwares
  .formation-logo-row.is-single > .software-public-card {
    flex-basis: 100% !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
  }

  html body#top.fb-lot1015-public-page.fb-v18-program-detail
  .formation-main .formation-softwares.fb-v18-softwares
  .software-public-card .software-public-media {
    position: relative !important;
    flex: 1 1 auto !important;
    width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 0 !important;
    border-radius: 9px 9px 0 0 !important;
    background: #fff !important;
    box-sizing: border-box !important;
  }

  html body#top.fb-lot1015-public-page.fb-v18-program-detail
  .formation-main .formation-softwares.fb-v18-softwares
  .software-public-card .software-public-media img,
  html body#top.fb-lot1015-public-page.fb-v18-program-detail
  .formation-main .formation-softwares.fb-v18-softwares
  .software-public-card .software-public-media img.fb-contained-media {
    position: absolute !important;
    inset: 10px !important;
    display: block !important;
    width: calc(100% - 20px) !important;
    height: calc(100% - 20px) !important;
    min-width: 0 !important;
    min-height: 0 !important;
    max-width: none !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    object-fit: contain !important;
    object-position: center center !important;
    transform: none !important;
    box-sizing: border-box !important;
  }

  html body#top.fb-lot1015-public-page.fb-v18-program-detail
  .formation-main .formation-softwares.fb-v18-softwares
  .software-public-title {
    flex: 0 0 54px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-height: 54px !important;
    margin: 0 !important;
    padding: 7px 8px !important;
    border-top: 1px solid #e1e6ee !important;
    border-radius: 0 0 9px 9px !important;
    color: #08296f !important;
    font-size: clamp(10px, 3vw, 13px) !important;
    line-height: 1.22 !important;
    font-weight: 900 !important;
    text-align: center !important;
    white-space: normal !important;
    overflow: visible !important;
    overflow-wrap: anywhere !important;
    box-sizing: border-box !important;
  }

  html body#top.fb-lot1015-public-page.fb-v18-program-detail
  .formation-main .formation-softwares.fb-v18-softwares
  .fb-v34-software-desc {
    margin: 0 !important;
    padding: 0 8px 8px !important;
    font-size: 9.5px !important;
    line-height: 1.3 !important;
    text-align: center !important;
  }

  html body#top.fb-lot1015-public-page.fb-v18-program-detail
  .formation-main .formation-softwares.fb-v18-softwares
  .fb-software-carousel-dots {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
    gap: 9px !important;
    width: 100% !important;
    min-height: 22px !important;
    margin: 15px 0 0 !important;
    padding: 0 !important;
  }

  html body#top.fb-lot1015-public-page.fb-v18-program-detail
  .formation-main .formation-softwares.fb-v18-softwares
  .fb-software-carousel-dot {
    flex: 0 0 10px !important;
    width: 10px !important;
    height: 10px !important;
    min-width: 10px !important;
    min-height: 10px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 50% !important;
    background: #c8d1e2 !important;
    box-shadow: none !important;
    cursor: pointer !important;
    transform: none !important;
  }

  html body#top.fb-lot1015-public-page.fb-v18-program-detail
  .formation-main .formation-softwares.fb-v18-softwares
  .fb-software-carousel-dot.is-active {
    background: #082f7d !important;
    transform: scale(1.18) !important;
  }

  html body#top.fb-lot1015-public-page.fb-v18-program-detail
  .formation-main .formation-softwares.fb-v18-softwares
  .fb-software-carousel-dot:focus-visible {
    outline: 2px solid #e51f2a !important;
    outline-offset: 3px !important;
  }
}

@media screen and (max-width: 359px) {
  html body#top.fb-lot1015-public-page.fb-v18-program-detail
  .formation-main .formation-softwares.fb-v18-softwares
  .formation-logo-row > .software-public-card {
    height: 184px !important;
    min-height: 184px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html body#top.fb-lot1015-public-page.fb-v18-program-detail
  .formation-main .formation-softwares.fb-v18-softwares
  .formation-logo-row {
    scroll-behavior: auto !important;
  }
}