.elementor-kit-6{--e-global-color-primary:#002647;--e-global-color-secondary:#B70E0C;--e-global-color-text:#000000;--e-global-color-accent:#FFFFFF;--e-global-color-f2d0a83:#EBEBEB;--e-global-typography-primary-font-family:"Outfit";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Outfit";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Outfit";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Outfit";--e-global-typography-accent-font-weight:500;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:100%;}.e-con{--container-max-width:100%;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ----- CONTENEUR DES CARDS ----- */
.cards-container {
  width: 100%;
  display: flex;
  flex-wrap: wrap;       /* fallback ; on overrideera en desktop */
  justify-content: flex-start;
  align-items: flex-start;
  box-sizing: border-box;
  overflow: visible;
}

/* ----- CARD ----- */
.card-hover-vertical {
  position: relative;
  overflow: hidden;
  background: #fff;
  transition: all 0.4s ease;
  box-shadow: 0 4px 12px rgba(0,0,0,0.08);
  cursor: pointer;
  box-sizing: border-box;

  /* PAS de min-width ici — permet de se réduire pour tenir sur 1 ligne */
  flex: 0 0 calc((100% - (5 * 16px)) / 6); /* largeur exacte pour 6 cartes */
}

/* effet hover (inchangé) */
.card-hover-vertical:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 20px rgba(0,0,0,0.15);
}

/* texte caché initialement (inchangé) */
.card-hover-vertical .card-hidden {
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  transform: translateY(12px);
  transition: max-height 0.5s ease, opacity 0.4s ease, transform 0.4s ease, padding 0.3s ease;
  padding-top: 0;
  padding-bottom: 0;
}

/* au hover : déplie le texte */
.card-hover-vertical:hover .card-hidden {
  max-height: 400px;
  opacity: 1;
  transform: translateY(0);
  padding-top: 1rem;
  padding-bottom: 1rem;
}

/* ----- VERSION DESKTOP FORCÉE : une seule ligne (6 cards) ----- */
@media (min-width: 1200px) {
  .cards-container {
    flex-wrap: nowrap; /* EMPÊCHE le wrap : toujours 1 ligne */
    justify-content: space-between; /* répartition propre */
  }

  /* s'assurer que la largeur calcule bien les gaps */
  .card-hover-vertical {
    flex: 0 0 calc((100% - (5 * 16px)) / 6);
    max-width: none; /* supprimer max-width si présent */
  }
}

/* ----- TABLET / MOBILE : comportement normal (adaptatif) ----- */
@media (max-width: 1199px) {
  /* tablette large : 4 par ligne */
  @media (min-width: 769px) and (max-width: 1199px) {
    .card-hover-vertical { flex: 0 0 calc((100% - (3 * 16px)) / 4); }
  }

  /* tablette / petit écran : 2 par ligne */
  @media (min-width: 481px) and (max-width: 768px) {
    .card-hover-vertical { flex: 0 0 calc((100% - (1 * 16px)) / 2); }
  }

  /* mobile : 1 par ligne */
  @media (max-width: 480px) {
    .card-hover-vertical { flex: 0 0 100%; }
  }
}

/* ----- Mobile touch: focus-within behavior (inchangé) ----- */
@media (hover: none) and (pointer: coarse) {
  .card-hover-vertical {
    cursor: pointer;
  }
  .card-hover-vertical:focus-within .card-hidden {
    max-height: 400px !important;
    opacity: 1 !important;
    padding-top: 1rem;
    padding-bottom: 1rem;
    transform: translateY(0) !important;
  }
  .card-hover-vertical:not(:focus-within) .card-hidden {
    max-height: 0 !important;
    opacity: 0 !important;
    padding-top: 0;
    padding-bottom: 0;
    transform: translateY(12px) !important;
  }
}/* End custom CSS */