/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

body{
    overflow-x: hidden;
}

.btn-gradient .elementor-button{
    position: relative;
    overflow: hidden;
    background: linear-gradient(0deg, #FA8334 14.34%, #F4B891 97.18%);
    transition: box-shadow 0.8s ease, transform 0.8s ease, color 0.8s ease;
    z-index: 1;
}

.btn-gradient .elementor-button::before{
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(0deg, #FB7218 25.01%, #FF8B3F 158.85%);
    opacity: 0;
    transition: opacity 0.8s ease;
    z-index: 0;
}

.btn-gradient .elementor-button .elementor-button-content-wrapper{
    position: relative;
    z-index: 1;
}

.btn-gradient .elementor-button:hover::before,
.btn-gradient .elementor-button:focus::before{
    opacity: 1;
}

.elementor-widget-text-editor strong{
	color: #0079B8;
}


/*Bulles*/
.conteneur-bulles,
.conteneur-bulles2,
.conteneur-bulles3,
.conteneur-bulles5,
.conteneur-bulles6{
    position: initial;
}
.drop-glass {
  position: absolute;
  pointer-events: none;
  border-radius: 60% 40% 55% 45% / 45% 55% 40% 60%;
  background: radial-gradient(
    53% 46% at 48% 48%,
    rgba(255, 255, 255, 0.06) 79%,
    rgba(252, 252, 252, 0.28) 100%
  );
  backdrop-filter: blur(2.5px);
  -webkit-backdrop-filter: blur(2.5px);
  filter: drop-shadow(0px 4px 37px rgba(0, 0, 0, 0.10));
  z-index: 15;
}
.drop-glass::after {
  content: '';
  position: absolute;
  bottom: 18%;
    right: 20%;
  width: 35%;
  height: 22%;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.18);
  transform: rotate(-20deg);
  filter: blur(3px);
}

.conteneur-bulles .drop-glass--md1{
	width: 60px;
	height: 48px;
	bottom: 20px;
    right: -10px;
    transform: rotate(210deg);
}
.conteneur-bulles .drop-glass--sm1{
	width: 20px;
    height: 15px;
    bottom: 2px;
    right: 0;
    transform: rotate(149deg);
}

.conteneur-bulles2 .drop-glass--md1{
    width: 60px;
    height: 48px;
    top: -17px;
    left: 100px;
    transform: rotate(210deg);
}
.conteneur-bulles2 .drop-glass--sm2 {
    width: 23px;
    height: 16px;
    top: 23px;
    left: 160px;
    transform: rotate(-96deg);
}

/* Petite bulle — droite basse */
.conteneur-bulles2 .drop-glass--sm3 {
    width: 24px;
    height: 22px;
    top: -10px;
    left: 172px;
    transform: rotate(-53deg);
}

.conteneur-bulles3 .drop-glass--md1{
    width: 60px;
    height: 48px;
    top: -37px;
    right: 100px;
    transform: rotate(210deg);
}
.conteneur-bulles3 .drop-glass--sm2 {
    width: 46px;
    height: 32px;
    top: 3px;
    right: 148px;
    transform: rotate(-113deg);
}
.conteneur-bulles4 .drop-glass {
    background: radial-gradient(53% 46% at 48% 48%, rgba(255, 255, 255, 0.6) 79%, rgba(252, 252, 252, 0.28) 100%);
    filter: drop-shadow(0px 4px 27px rgba(0, 0, 0, 0.90));
}
.conteneur-bulles4 .drop-glass--md1 {
    width: 60px;
    height: 48px;
    top: -25px;
    left: 135px;
    transform: rotate(210deg);
}
.conteneur-bulles5 .drop-glass--sm3 {
    width: 24px;
    height: 22px;
    top: -10px;
    left: 522px;
    transform: rotate(-53deg);
}
.conteneur-bulles5 .drop-glass--sm2 {
    width: 23px;
    height: 16px;
    top: 23px;
    left: 510px;
    transform: rotate(-96deg);
}
.conteneur-bulles5 .drop-glass--md1{
    width: 60px;
    height: 48px;
    top: -17px;
    left: 450px;
    transform: rotate(210deg);
}
.conteneur-bulles6 .drop-glass--md1{
    width: 60px;
    height: 48px;
    top: -37px;
    right: 300px;
    transform: rotate(210deg);
}
.conteneur-bulles6 .drop-glass--sm2 {
    width: 46px;
    height: 32px;
    top: 3px;
    right: 348px;
    transform: rotate(-113deg);
}
/*Fin Bulles*/

.conteneur_card_home .conteneur_texte_card_home {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.8s ease;
}

.conteneur_card_home:hover .conteneur_texte_card_home {
  max-height: 800px; /* valeur large, jamais atteinte */
  transition: max-height 1.8s ease;
}

.conteneur_card_home .elementor-background-slideshow__slide__image{
    background-repeat: no-repeat;
    transition: background-size 1s ease;
    background-size: auto 100%;
}

.conteneur_card_home:hover .elementor-background-slideshow__slide__image{
    background-size: auto 75%;
}

.carousel_home.elementor-widget-n-carousel.elementor-element :is(.swiper,.swiper-container)~.elementor-swiper-button-prev{
    left: -42px;
}
.carousel_home.elementor-widget-n-carousel.elementor-element :is(.swiper,.swiper-container)~.elementor-swiper-button-next{
    right: -50px;
}
.svg_hover_color,
#bouton_nav{
    transition: filter 0.9s ease;
}
.svg_hover_color:hover,
#bouton_nav:hover{
    filter: brightness(0) saturate(100%) invert(65%) sepia(33%) saturate(765%) hue-rotate(358deg) brightness(91%) contrast(89%);
    transition: filter 0.9s ease;
}
#widgetphone{
    left:100%;
    transition:all 250ms ease-out;
}
#widgetphone.ouvert{
    margin-left:-225px;
}
.mask-jet2,
.mask-jet3,
.mask-jet4,
.mask-jet5,
.mask-jet6,
.mask-jet7,
.mask-jet8,
.mask-jet9{
    display: block;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center center;
    -webkit-mask-size: 100% 100%;
    mask-repeat: no-repeat;
    mask-position: center center;
    mask-size: 100% 100%;
}

.mask-jet2{
    -webkit-mask-image: url('/masque-luxury2.png');
    mask-image: url('/masque-luxury2.png');
}
.mask-jet3{
    -webkit-mask-image: url('/masque-luxury3.png');
    mask-image: url('/masque-luxury3.png');
}
.mask-jet4{
    -webkit-mask-image: url('/masque-luxury4.png');
    mask-image: url('/masque-luxury4.png');
}
.mask-jet5{
    -webkit-mask-image: url('/masque-luxury5.png');
    mask-image: url('/masque-luxury5.png');
}
.mask-jet6{
    -webkit-mask-image: url('/masque-luxury6.png');
    mask-image: url('/masque-luxury6.png');
}
.mask-jet7{
    -webkit-mask-image: url('/masque-luxury7.png');
    mask-image: url('/masque-luxury7.png');
}
.mask-jet8{
    -webkit-mask-image: url('/masque-luxury8.png');
    mask-image: url('/masque-luxury8.png');
}
.mask-jet9{
    -webkit-mask-image: url('/masque-luxury9.png');
    mask-image: url('/masque-luxury9.png');
}

.mask-jet2 img,
.mask-jet3 img,
.mask-jet4 img,
.mask-jet5 img,
.mask-jet6 img,
.mask-jet7 img,
.mask-jet8 img,
.mask-jet9 img{
    display: block;
    width: 100%;
    height: auto;
}

.conteneur_tarif_card{
	background: var(--Dgrad-hover, linear-gradient(0deg, #FB7218 25.01%, #FF8B3F 158.85%));
  backdrop-filter: blur(21px);
}






/*Media queries*/
@media(max-width: 1800px){
    .conteneur-bulles5 .drop-glass--sm3 {
        width: 24px;
        height: 22px;
        top: -10px;
        left: 222px;
        transform: rotate(-53deg);
    }
    .conteneur-bulles5 .drop-glass--sm2 {
        width: 23px;
        height: 16px;
        top: 23px;
        left: 210px;
        transform: rotate(-96deg);
    }
    .conteneur-bulles5 .drop-glass--md1{
        width: 60px;
        height: 48px;
        top: -17px;
        left: 150px;
        transform: rotate(210deg);
    }
    .conteneur-bulles6 .drop-glass--md1{
        width: 60px;
        height: 48px;
        top: -37px;
        right: 50px;
        transform: rotate(210deg);
    }
    .conteneur-bulles6 .drop-glass--sm2 {
        width: 46px;
        height: 32px;
        top: 3px;
        right: 98px;
        transform: rotate(-113deg);
    }
}

@media(max-width: 1550px){
    #conteneur-bulles2,
    #conteneur-bulles3{
        display: none;
    }    
}

@media(max-width: 1300px){
    .carousel_home.elementor-widget-n-carousel.elementor-element :is(.swiper,.swiper-container)~.elementor-swiper-button-prev{
        left: -50px;
    } 
    #conteneur-bulles5,
    #conteneur-bulles6{
        display: none;
    } 
}