* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/* WRAPPER */
.slider-wrapper {
  position: relative;
  width: 100%;
  overflow-x: hidden;   /* garde le scroll clean */
  overflow-y: visible;  /* 🔥 AUTORISE le texte à sortir */
  
  align-items: flex-start; /* 🔥 empêche l'étirement vertical */
}

/* DOTS */
.dots {
  text-align: center;
  margin-bottom: 15px;
}

.dot {
  width: 10px;
  height: 10px;
  background: #aaa;
  border-radius: 50%;
  display: inline-block;
  margin: 5px;
  cursor: pointer;
  transition: transform 0.3s, background 0.3s;
}

.dot.active {
  background: #000;
  transform: scale(1.3);
}

/* =========================
   SLIDER (AJOUT SCROLL SANS IMPACTER LES CARDS)
========================= */
.slider {
  display: flex;
  gap: 20px;
    align-items: stretch;

  /* 🔥 AJOUT DU SCROLL HORIZONTAL */
  overflow-x: auto;
  scroll-behavior: smooth;

  /* permet drag souris */
  cursor: grab;

  /* important pour ne pas casser layout */
  padding-bottom: 10px;
}

/* cache scrollbar (optionnel) */
.slider::-webkit-scrollbar {
  display: none;
}

.slider {
  scrollbar-width: none;
}

/* =========================
   CARD (STRICTEMENT INCHANGÉ)
========================= */
.card {
  min-width: 300px;
  height: 260px; /* 🔥 CRUCIAL */
    background: transparent !important;
      border-radius: 0 !important;
  display: flex;
  flex-direction: column;
  overflow: hidden; /* 🔥 empêche toute extension */
  position: relative;
    border: none !important;
  outline: none !important;
  box-shadow: none !important;
}

.card h3 {
  font-family: Figtree, sans-serif; /* change la typo ici */
  font-size: 14px;                /* taille */
  font-weight: 200;
  color: #eee5d3;                    /* couleur */
  margin-top: 10px;
}

.card p {
  font-family: Arial, sans-serif; /* même typo ou différente */
  font-size: 14px;
  font-weight: 200;
  color: #eee5d3;                    /* gris plus doux */
  margin-top: 5px;
  line-height: 1.4;
}

/* IMAGE */
.card img {
  width: 100%;
  height: 180px;
  object-fit: cover;
  flex-shrink: 0;
    border: none !important;
  outline: none !important;
  box-shadow: none !important;
  display: block; /* évite les micro-lignes étranges */
}

.card:hover img {
  transform: scale(1.05);
  border: none;
}

/* TEXTE */
.card-text {
  height: 80px; /* 🔥 espace réservé fixe */
  opacity: 0;
  transition: opacity 0.3s ease;

  overflow: hidden;
}

.card:hover .card-text {
  opacity: 1;
}

/* =========================
   NAV
========================= */
.nav {
  position: absolute;
  top: 100px;
  transform: translateY(-50%);
  z-index: 10;
  background: none;
  color: #fff;
  border: none;
  font-size: 90px;
  font-weight: lighter;
  padding: 5px;
  cursor: pointer;
}

.prev { left: 0px; }
.next { right: 0px; }

.nav.hidden {
  display: none;
}


/* =========================
   RESPONSIVE (INCHANGÉ)
========================= */
@media (max-width: 768px) {
  .card {
    min-width: 250px;
  }

  .card img {
    height: 150px;
  }
}