/* =============================================
   VITA SLIDER — vita-slider.css
   Thème enfant VITAnew26
   ============================================= */

/* --- Police Herokid (chargée depuis Divi) --- */
@font-face {
  font-family: 'HerokidNarrow';
  src: url('/wp-content/uploads/et-fonts/Herokid-RegularNarrow.woff2') format('woff2'),
       url('/wp-content/uploads/et-fonts/Herokid-RegularNarrow.woff') format('woff'),
       url('/wp-content/uploads/et-fonts/Herokid-RegularNarrow.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/* --- Conteneur global --- */
.vita-slider {
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

/* --- Zone des slides --- */
.vita-slides {
  position: relative;
  width: 100%;
}

.vita-slide {
  display: none;
  width: 100%;
}

.vita-slide.active {
  display: block;
}

.vita-slide img {
  width: 100%;
  height: auto;
  display: block;
	border-radius: 30px 30px 0px 0px!important;
}

/* --- Barre de navigation --- */
.vita-slider-nav {
  display: flex;
  align-items: center;
  width: 100%;
  background: rgba(255,255,255,0.00);
  padding: 8px 0;
}

/* --- Bouton nav (état inactif) --- */
.vita-nav-item {
  flex: 1;
  padding: 12px 16px;
  height: 80px;          /* hauteur fixe identique pour tous */
  min-height: 80px;
  background: #fff;
  color: #0C0635;
  border: none;
  border-radius: 27px;
  cursor: pointer;
  font-family: 'HerokidNarrow', sans-serif;
  font-size: 27px;
  line-height: 1.2;
  text-align: center;
  white-space: normal;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  transition: background 0.25s ease, color 0.25s ease;

}

/* --- Hover sur bouton inactif --- */
.vita-nav-item:not(.active):hover {
  background: #A50042 !important;
  color: #fff !important;
}

/* --- Bouton actif (couleur appliquée via JS) --- */
.vita-nav-item.active {
  color: #fff !important;
}
/* --- Radius personnalisé par bouton --- */
.vita-nav-item[data-target="0"] {
  border-radius: 0px 30px 30px 30px !important;
}
 
/* bouton 1 (milieu) : radius uniforme conservé */
.vita-nav-item[data-target="1"] {
  border-radius: 30px !important;
	margin:0 10px;
}
 
.vita-nav-item[data-target="2"] {
  border-radius: 30px 0px 30px 30px !important;
}
/* --- Mobile (≤ 767px) --- */
@media (max-width: 767px) {
  .vita-nav-item {
    font-size: 15px;
    padding: 8px 8px;
  }
}