:root {
  --white: #fff;
  --black: #323135;
  --crystal: #a8dadd;
  --columbia-blue: #cee9e4;
  --corporate_green: #007461;
  --corporate-blue: #004652;
  --corporate-green-secondary: #308276;
  --corporate-green-bg-light: #F5FAFB;
  --corporate-brand-accent : #004652;
  --box-green-light : #d8ead7;
}

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


.corporate-green {
  color: var(--corporate_green)
}

.bg--corporate-green {
  background-color: var(--corporate_green);
}

.bg--box-green-light {
  background-color: var(--box-green-light);
}

.bg--corporate-brand-accent {
  background-color: var(--corporate-brand-accent);
}

.bg--corporate-green-secondary {
  background-color: var(--corporate-green-secondary);
}


.popoverContent {
  display: none;
}


/* Pour que l’image couvre bien tout le slide */
.swiper-slide {
  position: relative;
  overflow: hidden;
  border-radius: 0.75rem; /* arrondi */
}
.slide-bg {
  position: absolute;
  inset: 0;
  background-position: center;
  background-size: cover;
  transition: transform 0.7s ease;
  will-change: transform;
}
/* Zoom au hover */
.swiper-slide:hover .slide-bg {
  transform: scale(1.1);
}
/* Overlay noir semi-transparent */
.slide-overlay {
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.45);
  z-index: 10;
}


.swiper-pagination-bullet {
  background-color: #FFF;
}
.swiper-pagination-bullet-active {
  background-color: #FFF;
}


.swiper-button-prev,
.swiper-button-next {
  background: #000;
}

.swiper-button-next::after,
.swiper-button-prev::after {
  color: #FFF;
  /* fill: var(--corporate-green-secondary); */
  /* stroke: var(--corporate-green-secondary); */
  font-size: 25px;
  font-weight: 700;
}


#accountContent,
.moreOffers{
  display: none;
}


.bottomMenu {
  position: fixed;
  bottom: 0;
  color: white;
  width: 100%;
  height: 95px;
  border-top: 1px solid lightgray;
  border-top-left-radius: 10px 10px;
  border-top-right-radius: 10px 10px;
  background: var(--corporate-green-secondary);
  z-index: 100;
  transition: all .5s;
}

.hide {
  opacity:0;
 
}
.show {
  opacity:1;

}