.elementor-1179 .elementor-element.elementor-element-8987546{--display:flex;--min-height:60px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1179 .elementor-element.elementor-element-f11df88{--e-image-carousel-slides-to-show:1;}.elementor-1179 .elementor-element.elementor-element-f11df88 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-1179 .elementor-element.elementor-element-f11df88.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1179 .elementor-element.elementor-element-f11df88 .elementor-swiper-button.elementor-swiper-button-prev, .elementor-1179 .elementor-element.elementor-element-f11df88 .elementor-swiper-button.elementor-swiper-button-next{font-size:28px;}.elementor-1179 .elementor-element.elementor-element-f11df88 .swiper-pagination-bullet{width:0px;height:0px;}.elementor-1179 .elementor-element.elementor-element-c0af758 > .elementor-widget-container{margin:20px 20px 20px 20px;padding:00px 00px 00px 00px;}.elementor-1179 .elementor-element.elementor-element-c0af758{text-align:start;}.elementor-1179 .elementor-element.elementor-element-c0af758 .elementor-heading-title{font-size:33px;text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:#FFFEFE;}.elementor-1179 .elementor-element.elementor-element-388b65b{--display:flex;}.elementor-1179 .elementor-element.elementor-element-3c19520{--display:flex;--padding-top:80px;--padding-bottom:80px;--padding-left:80px;--padding-right:80px;}.elementor-1179 .elementor-element.elementor-element-3bdabbb{text-align:center;font-size:20px;font-style:italic;text-decoration:none;letter-spacing:2px;}.elementor-1179 .elementor-element.elementor-element-a9cfbfb{--display:flex;}.elementor-1179 .elementor-element.elementor-element-9036d24{font-size:17px;}.elementor-1179 .elementor-element.elementor-element-9036d24 p{margin-block-end:20px;}.elementor-1179 .elementor-element.elementor-element-b43178e{--display:flex;}.elementor-1179 .elementor-element.elementor-element-578857d{--display:flex;}.elementor-1179 .elementor-element.elementor-element-a6101af{--display:flex;}.elementor-1179 .elementor-element.elementor-element-cafa975{--display:flex;}.elementor-1179 .elementor-element.elementor-element-d643b74{font-size:18px;}.elementor-1179 .elementor-element.elementor-element-5ebabbd{--display:flex;}.elementor-1179 .elementor-element.elementor-element-922bb30{--display:flex;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-1179 .elementor-element.elementor-element-3c19520{--content-width:1100px;}}/* Start custom CSS for heading, class: .elementor-element-c0af758 *//* HERO Slider plein écran */
.hero-slider {
  position: relative;
  width: 100%;
  min-height: 100vh;          /* Plein écran */
  overflow: hidden;
}

/* Le carousel doit prendre toute la hauteur */
.hero-slider .elementor-image-carousel-wrapper,
.hero-slider .swiper,
.hero-slider .swiper-wrapper,
.hero-slider .swiper-slide {
  height: 100vh;
}

/* Images en mode "cover" pour avoir même rendu */
.hero-slider .swiper-slide img {
  width: 100%;
  height: 100vh;
  object-fit: cover;
  object-position: center;
  display: block;
}

/* Overlay sombre sur les images */
.hero-slider::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.45);
  z-index: 2;
  pointer-events: none;
}

/* Titre au-dessus */
.hero-slider .hero-title,
.hero-slider .hero-subtitle {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  z-index: 3;
  color: #fff;
  text-align: center;
  width: min(90%, 1000px);
}

/* Position du titre et sous-titre */
.hero-slider .hero-title {
  top: 35%;
  font-size: clamp(28px, 4vw, 56px);
  line-height: 1.1;
  font-weight: 700;
}

.hero-slider .hero-subtitle {
  top: 52%;
  font-size: clamp(16px, 1.6vw, 20px);
  line-height: 1.4;
  opacity: 0.95;
}

/* Mettre les flèches du slider au-dessus de l'overlay */
.hero-slider .elementor-swiper-button,
.hero-slider .swiper-pagination {
  z-index: 4;
}

/* Mobile : réduire un peu la hauteur si besoin */
@media (max-width: 768px) {
  .hero-slider,
  .hero-slider .elementor-image-carousel-wrapper,
  .hero-slider .swiper,
  .hero-slider .swiper-wrapper,
  .hero-slider .swiper-slide,
  .hero-slider .swiper-slide img {
    height: 80vh;
    min-height: 80vh;
  }

  .hero-slider .hero-title { top: 30%; }
  .hero-slider .hero-subtitle { top: 52%; }
}/* End custom CSS */