.conj-swiper { margin-bottom: 16px; max-width: 100%; }

/* Ruban d’onglets : une ligne, pas de retour, scroll horizontal fluide */
.conj-swiper__tabs {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 0;
  /*padding: .25rem .5rem;*/
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  margin-bottom: 20px;
}
.conj-swiper__tabs::-webkit-scrollbar { display: none; } /* WebKit : cache la barre */

/* Boutons : restent sur une ligne */
.conj-swiper__tab {
  flex: 0 0 auto;              /* pas de wrap */
  display: inline-flex;
  align-items: center;
  height: 38px;
  padding: 0 .875rem;
  border: 1px solid rgba(0,0,0,.12);
  background: #F2F2F2;
  font: inherit;
  text-transform: capitalize;
  font-size: 0.9em;
  -webkit-tap-highlight-color: transparent; /* supprime le halo bleu */
  touch-action: manipulation;               /* iOS → prend le tap direct */
  cursor: pointer;
  transition: box-shadow .2s ease, border-color .2s ease, background .2s ease;
  color: #000;
}
.conj-swiper__tab.is-active {
  background: #FFA24A;
;
  box-shadow: 0 0 0 2px rgba(204,37,0,.15);
}

/* Feedback visuel pendant le drag */
.conj-swiper__tabs.is-grabbing { cursor: grabbing; }
.conj-swiper__tabs.is-grabbing .conj-swiper__tab { pointer-events: none; } /* évite click fantôme pendant le drag */


.conj-swiper .swiper {
  overflow: hidden;
}
.swiper-slide{
  /*margin-left: 3px;*/
}
.swiper-slide .card-type { border: none; box-shadow: none; }

/* Option: limiter la largeur au layout central si besoin */
.conj-swiper .swiper,
.conj-swiper .swiper-wrapper,
.conj-swiper .swiper-slide { width: 100%; }

@media (prefers-reduced-motion: reduce) {
  .swiper, .swiper * { transition: none !important; animation: none !important; }
}

/* Élargit seulement le bloc slider à l’intérieur d’un .container */
.container .conj-swiper {
  display: block;
  margin: auto;
}
.conj-swiper {
  margin-left: calc(-1 * var(--bs-gutter-x, .75rem));
  margin-right: calc(-1 * var(--bs-gutter-x, .75rem));
}

/* Le viewport masque bien les bords */
.conj-swiper .swiper { overflow: hidden; }

/* S’il y a eu un “gap” appliqué au wrapper quelque part, on le tue. */
.conj-swiper .swiper-wrapper {
  gap: 0 !important;          /* au cas où une règle globale mettrait un gap */
}

/* Les slides ne doivent pas avoir de marge/padding qui change la largeur */
.conj-swiper .swiper-slide {
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;      /* sécurise la largeur sur slidesPerView:1 */
  box-sizing: border-box;
}

/* Si tu colles "container-tabs" sur le slide, neutralise ses paddings */
.conj-swiper .swiper-slide.container-tabs {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Évite les décalages venant d’un .container / .row à l’intérieur du slide */
.conj-swiper .swiper-slide > .container,
.conj-swiper .swiper-slide > .row,
.conj-swiper .swiper-slide > .container-tabs {
  margin: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Les cartes internes ne doivent pas réintroduire un “décalage visuel” */
.conj-swiper .card { margin: 0; }
.conj-swiper .card-body { padding-left: 0; padding-right: 0; }



/* Bouton Home rouge avec icône maison */
.btn-home {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #dc3545; /* rouge Bootstrap */
  color: #fff;
  border: none;
  border-radius: 0.375rem;
  width: 40px;
  height: 40px;
  margin-right: 0.5rem;
  text-decoration: none;
  transition: background-color 0.2s;
}

.btn-home:hover,
.btn-home:focus {
  background-color: #a71d2a; /* rouge plus foncé */
  color: #fff;
  text-decoration: none;
}

/* Petite icône maison (unicode ou CSS ::before) */
.btn-home .home-icon::before {
  content: "\1F3E0"; /* 🏠 emoji maison comme fallback */
  font-size: 1.2rem;
  line-height: 1;
}

/* OU si tu veux une icône fontawesome par ex. */
.btn-home .home-icon::before {
  font-family: "Font Awesome 5 Free";
  content: "\f015"; /* fa-home */
  font-weight: 900;
  font-size: 1.1rem;
}