/*
Theme Name: L'Ostal Restaurant
Theme URI: https://lostal-restaurant.fr/
Description: Thème enfant de Hello Elementor pour l'OStal Restaurant
Author: SAS COMMUNICATION
Template: hello-elementor
Version: 1.0.0
Text Domain: ostal-restaurant-child
*/


.grain > .grain-canvas {
  z-index: 0 !important;
}

.grain > *:not(.grain-canvas) {
  position: relative;
  z-index: 1;
}

.grain img,
.grain .elementor-widget-image {
  position: relative;
  z-index: 2;
}

.michelin-footer,
.michelin-footer img {
  opacity: 1 !important;
}


/* Carrousel hero plein écran */

.hero-carousel,
.hero-carousel .swiper,
.hero-carousel .swiper-wrapper,
.hero-carousel .swiper-slide {
  height: 100vh !important;   
  height: 100dvh !important; 
}
 
.hero-carousel img {
  width: 100% !important;
  height: 100vh !important;
  height: 100dvh !important;
  object-fit: cover !important;
  display: block !important;
}
 

@media (max-width: 1024px) {
 
  .hero-carousel,
  .hero-carousel .swiper,
  .hero-carousel .swiper-wrapper,
  .hero-carousel .swiper-slide {
    height: 100vh !important;   
    height: 100svh !important;  
 
  .hero-carousel img {
    height: 100vh !important;
    height: 100svh !important;
    object-fit: cover !important;
  }
}

.hero-carousel {
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
}

@media (max-width: 1024px) {
  .header-green {
    min-height: 100svh !important;
  }
}