/* Placez ici votre CSS additionnel (chargé après style.css du thème enfant) */

/* Exemple d'accent de couleur global */
a { text-decoration-thickness: .08em; }

/* Exemple : renforcer la graisse au survol du menu */
/*.mm-typo-hover .elementor-nav-menu > li > a.elementor-item:hover,
.mm-typo-hover .e-n-menu > li:hover > a .e-n-menu-title {
  font-weight: 700;
}
nav.e-n-menu[data-widget-number="821"] .e-n-menu-title .e-n-menu-title-text {
  font-family: "futura-pt", sans-serif;
  font-weight: 400;
  transition: font-weight .2s ease, text-decoration .2s ease;
}

/* Hover : vraie Bold + souligné */
/*nav.e-n-menu[data-widget-number="821"] .e-n-menu-title:hover .e-n-menu-title-text,
nav.e-n-menu[data-widget-number="821"] .e-n-menu-title:focus .e-n-menu-title-text {
  font-family: "futura-pt-bold","futura-pt",sans-serif !important;
  font-weight: normal !important;
  text-decoration: underline !important;
}

/* ÉTAT OUVERT : parent souligné + bold tant que aria-expanded="true" */
/*nav.e-n-menu[data-widget-number="821"]
  .e-n-menu-item:has(> .e-n-menu-title .e-n-menu-dropdown-icon[aria-expanded="true"])
  .e-n-menu-title-text {
  font-family: "futura-pt-bold","futura-pt",sans-serif !important;
  font-weight: normal !important;
  text-decoration: underline !important;
}

/* --- SOUS-ITEMS (boutons internes) --- */
/* Par défaut regular */
/*.mm-typo-hover .elementor-widget-button a.elementor-button .elementor-button-text {
  font-family: "futura-pt", sans-serif !important;
  font-weight: 400 ;
  transition: font-weight .2s ease;
}
/* ================================
   MENU PRINCIPAL
   ================================ */

/* Texte parent : regular par défaut */
nav.e-n-menu[data-widget-number="821"] 
  .e-n-menu-title .e-n-menu-title-text {
  font-family: "futura-pt", sans-serif;
  font-weight: 400; /* toujours régulier */
  transition: font-family 0.2s ease, text-decoration 0.2s ease;
}

/* Parent au hover + focus + menu ouvert */
nav.e-n-menu[data-widget-number="821"] 
  .e-n-menu-title:hover .e-n-menu-title-text,
nav.e-n-menu[data-widget-number="821"] 
  .e-n-menu-title:focus .e-n-menu-title-text,
nav.e-n-menu[data-widget-number="821"] 
  .e-n-menu-item.is-open > .e-n-menu-title .e-n-menu-title-text {
  font-family: "futura-pt-bold","futura-pt",sans-serif !important;
  font-weight: normal !important; /* pas de 700 → évite le décalage */
  text-decoration: underline !important;
}

/* ================================
   SOUS-ITEMS (boutons internes)
   ================================ */

/* Regular par défaut */
.mm-typo-hover .elementor-widget-button a.elementor-button .elementor-button-text {
  font-family: "futura-pt", sans-serif !important;
  font-weight: 400 !important;
  transition: transform 0.2s ease, font-family 0.2s ease;
}

/* Hover : bold + zoom */
.mm-typo-hover .elementor-widget-button a.elementor-button:hover .elementor-button-text {
  font-family: "futura-pt-bold","futura-pt",sans-serif !important;
  font-weight: normal !important;
  transform: scale(1.1);
}


/* ================================
   Carrousel accordéon ElementsKit
   Version stable : 5 colonnes fixes + hover zoom
   ================================ */
/* === Viewport forcé : agit comme fenêtre de 100% === */
.elementor-element[data-id="256c973"] .ekit-wid-con {
  display: block;
  width: 100% !important;
  max-width: 100% !important;
  overflow: hidden !important;  /* cache les images au-delà de 100% */
  position: relative;
  box-sizing: border-box;

}

/* === Bande défilante === */
.elementskit-image-accordion-wraper {
  display: flex !important;
  flex-wrap: nowrap !important;
  width: auto !important;         /* laisse les enfants s’aligner */
  overflow-x: auto !important;    /* défilement horizontal */
  overflow-y: hidden !important;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}
.elementskit-image-accordion-wraper::-webkit-scrollbar { display: none; }

/* === Items = 5 visibles max === */
.elementskit-single-image-accordion {
  flex: 0 0 20% !important;       /* 5 colonnes fixes */
  max-width: 20% !important;
  transition: transform .35s ease, box-shadow .35s ease;
  transform-origin: center center;
  will-change: transform;
  z-index: 0;
}
/* Cas spécial : empêcher le zoom automatique de la 1ʳᵉ image au chargement */
.elementskit-single-image-accordion:first-of-type[data-active]:not(:hover) {
  transform: none !important;
  z-index: 0 !important;
  box-shadow: none !important;
}


/* Hover / actif */
.elementskit-single-image-accordion:hover,
.elementskit-single-image-accordion[data-active],
.elementskit-single-image-accordion.item-opened {
  transform: scale(1.7);
  z-index: 2;
  box-shadow: 0 8px 24px rgba(0,0,0,.15);
}

/* ================================
   Flèches de navigation
   ================================ */
.ekit-carousel-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.9);
  color: #000;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  user-select: none;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.12);
  font-size: 22px;
  line-height: 1;
  
}

.ekit-carousel-arrow:hover {
  background: rgba(0, 0, 0, 0.85);
  color: #fff;
}

.ekit-carousel-prev {
  left: 10px;
}
.ekit-carousel-next {
  right: 10px;
}
/* Ligne horizontale fluide */
.skills.scrollable {
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
  gap: 60px;
  width: 100%;
  max-width: 100%;
  padding: 60px;              /* plus de padding pour aérer */
  box-sizing: border-box;
  overflow: visible;          /* important pour voir les décalages */
  height: 300px;              /* 👈 augmente la hauteur globale */
  align-items: center;        /* centre verticalement les items */
}


.skill {
  --offsetY: 0px; /* valeur par défaut */
  transform: translateY(var(--offsetY));
  transition: transform 0.3s ease;
  will-change: transform;
}


/* Quand l’item est révélé */
.skill.revealed a {
  filter: blur(0);
  opacity: 1;
  transform: translateY(0);
}

/* Quinconce irrégulier (sur skill) */
/*.skill:nth-child(1) { transform: translateY(-45px); }
.skill:nth-child(2) { transform: translateY(10px); }
.skill:nth-child(3) { transform: translateY(-25px); }
.skill:nth-child(4) { transform: translateY(20px); }
.skill:nth-child(5) { transform: translateY(-35px); }
.skill:nth-child(6) { transform: translateY(60px); }
.skill:nth-child(7) { transform: translateY(-25px); }
.skill:nth-child(8) { transform: translateY(15px); }*/
/* Décalages fixes (quinconce) */
.skill:nth-child(1) { --offsetY: -45px; }
.skill:nth-child(2) { --offsetY: 10px; }
.skill:nth-child(3) { --offsetY: -25px; }
.skill:nth-child(4) { --offsetY: 20px; }
.skill:nth-child(5) { --offsetY: -35px; }
.skill:nth-child(6) { --offsetY: 60px; }
.skill:nth-child(7) { --offsetY: -25px; }
.skill:nth-child(8) { --offsetY: 15px; }


/* Lien + hover */
.skill a {
  font-family: 'Futura PT', sans-serif;
  font-weight: 400;
  font-size: 1.2rem;
  text-decoration: none;
  color: inherit;
  display: flex;
  flex-direction: column;
  align-items: center;
  transition: transform 0.3s ease, color 0.3s ease;
  filter: blur(10px);
  opacity: 0;
  transform: translateY(20px);
  transition: filter .7s ease, opacity .7s ease, transform .7s ease;
  will-change: filter, transform, opacity;
}
/* hover : déclenche l’animation */
.skill a:hover {
  transform: scale(1.3);
  animation: blurToClear 0.5s forwards;
}

/* animation : commence flou → revient net */
@keyframes blurToClear {
  0% {
    filter: blur(6px);
  }
  100% {
    filter: blur(0);
  }
}
/* Flèche */
.skill .arrow {
  margin-top: 8px;
  font-size: 1.5rem;
  color: inherit;
  transition: color 0.3s ease, transform 0.3s ease;
}
.skill a:hover .arrow {
  color: inherit;
  transform: translateX(4px);
}

/* Quinconce irrégulier */
/*.skill:nth-child(1) { transform: translateY(-45px); }
.skill:nth-child(2) { transform: translateY(10px); }
.skill:nth-child(3) { transform: translateY(-25px); }
.skill:nth-child(4) { transform: translateY(20px); }
.skill:nth-child(5) { transform: translateY(-35px); }
.skill:nth-child(6) { transform: translateY(60px); }
.skill:nth-child(7) { transform: translateY(-25px); }
.skill:nth-child(8) { transform: translateY(15px); }*/