/* 
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
*/

/* =============== WP INTERFACE */
/* .separator{color: white !important}
:root :where(.editor-styles-wrapper)::after{height: 50px !important} */
/*=========== GENERAL */

:root{
	--header-height: 80px;
	--bezier : cubic-bezier(.34,.01,.12,.92);
	--yellow : #FCEC4A;
	--orange : #ED7F0C;
	--green : #15926C;
	--white : #FEFEFE;
	--black : #1E1E1E;
}

/* .wpadminbar{display: none;} */ 

::selection {
  background: var(--yellow);  /* couleur de fond du surlignement */
  color: var(--black);          /* couleur du texte sélectionné */
}

html{position: relative}
html::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  min-height: 100%;
  height: 100%;
  background-image: url('https://cloudclet.com/wp-content/uploads/2025/06/bg.jpg');
  background-repeat: repeat;
  background-size: auto;
  opacity: 0.3;
  z-index: -1;
  pointer-events: none;
}

body.elementor{overflow: hidden}

body>.elementor{overflow: hidden}

.display{display: block !important}

.no-margin,
.no-margin p,
.no-margin a{
	margin-bottom: 0 !important
}

.overflow{overflow: visible;}
.no-overflow{overflow: hidden !important}
.no-link,
.no-link a,
a:has(.no-link){text-decoration: none !important}
.no-decoration,
.no-decoration a{
	text-decoration: none !important
}



/*


/* Cookie consent */

#cn-accept-cookie{
	border-radius: 0 !important;
	color : #1E1E1E !important;
}


/* icones */

.icon-container{
	min-width: fit-content !important;
}
.elementor-icon-wrapper{
	display: flex !important;
    justify-content: center;
}
.elementor-icon-wrapper svg{
	max-width: 100% !important
}

/* Images */

.16-9 .elementor-widget-container:has(img){
	position: relative;
  	width: 100%;
  	padding-bottom: 56.25% !important;
	height: 0 !important
}
.16-9 img{
	position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    object-fit: cover;
}


/* .elementor-icon-wrapper{font-size: 100px !important} */

.section{scroll-margin-top: var(--header-height) !important}


/* NAVBAR (scroll animation) =========== */

#navbar{transition: all 0.15s ease;}

.home #navbar,
.home #navbar .e-n-menu-heading{background-color: transparent !important }

#navbar .e-n-menu[data-layout="dropdown"] .e-n-menu-wrapper{background-color : white !important}

.home
#navbar.scrolled{
	background-color: white !important;
}


/* .home  */
#navbar a{
	transition: none !important
}


.home #navbar:not(.scrolled) a,
.home #navbar:not(.scrolled) span,
.home #navbar:not(.scrolled) .icon-container a{
 	color: white !important;
	transition: none !important;
}


.home #navbar:not(.scrolled) .no-change a,
.home #navbar:not(.scrolled) .no-change span{
 	color: #1E1E1E !important;
	transition: none !important;
}


.home #navbar:not(.scrolled) [data-layout="dropdown"] a,
.home #navbar:not(.scrolled) [data-layout="dropdown"] span
{
 	color: #1E1E1E !important;
	transition: none !important;
}


.home #navbar:not(.scrolled) [data-layout="dropdown"] .e-n-menu-title svg path
{
 	fill: #1E1E1E !important;
	transition: none !important;
}


#navbar [data-layout="horizontal"] svg path,
#navbar .icon-container svg path,
#navbar .e-n-menu-toggle svg path,
#navbar .e-n-menu-title svg path
{
	fill: var(--black) !important;
}

.home #navbar:not(.scrolled) [data-layout="horizontal"] svg path,
.home #navbar:not(.scrolled) .icon-container svg path,
.home #navbar:not(.scrolled) .e-n-menu-toggle svg path,
.home #navbar:not(.scrolled) .e-n-menu-title svg path
{
	fill: white !important;
}

.home
#navbar [data-layout="dropdown"] .e-n-menu-heading,
.header-2 [data-layout="dropdown"] .e-n-menu-heading{
	padding-top: 50px !important
}

.home
#navbar .main-menu .elementor-nav-menu>.lang-item a{
	color: white !important;
}


/* icon menu bug */

#navbar .e-n-menu>button .e-n-menu-toggle-icon,
.e-n-menu>button:hover,
.e-n-menu>button:focus{
	background-color: transparent !important;
	background : transparent !important
}


/* .home  */
nav li a:after  {
  background-color: white !important;	
}

/* .home  */
.scrolled nav li a, .home .scrolled nav li a:hover{

  color: black !important;
}

body.home [data-elementor-type="header"]:has(#navbar){
	position: fixed !important;
	z-index: 100 !important;
	width: 100% !important;
    overflow: visible;
}

/* CUSTOM navbar home */



/* Slider Elementor ================== */

.swiper-pagination-bullet{
	background-color: transparent !important;
	border: 1px solid black !important;
	opacity: 1 !important
	}
.swiper-pagination-bullet.swiper-pagination-bullet-active{
	background-color : black !important
}

/* Flèche Disabled (premier/dernier élément) */

.elementor-element .swiper~.elementor-swiper-button.swiper-button-disabled{
	opacity: 0 !important
}

/* BOUTONS ELEMENTOR ======================= */

.elementor-button:hover,
.elementor-button{
	text-decoration: none !important;
	position: relative;
}

/* btn cloud */
.elementor-button:after{
	content :"";
	display: block;
	position: absolute;
	width: 100%;
	height: 0%;
	background-color: var(--yellow);
	transition: var(--bezier) all 200ms;
	bottom: 0;
	left : 0 !important;
	z-index: 0 !important;
  box-sizing: border-box;
}

.elementor-button:hover:after{
	height: 100%;
	transition: var(--bezier) all 200ms;
}

.elementor-button-content-wrapper{
	transition: var(--bezier) all 200ms;
	z-index: 1 !important; position: relative !important}

.elementor-button:hover .elementor-button-content-wrapper{
	transition: var(--bezier) all 200ms;
	color: black !important
}

.newsletter .elementor-button:after{
	content : none !important
}

/* btn jaundes */
.yellow .elementor-button:after{
	background-color:#FCEC4A;
}


/* FORM ELEMENTOR ======================= */

/* marge du bas sur bouton envoyer */
.newsletter .elementor-field-type-submit{
	margin-bottom: 0 !important
}


/* bouton envoyer en largeur auto */
.newsletter .elementor-field-type-submit .elementor-button{
	flex-basis: auto !important
}


/* Cloud-Clet modifs */

.newsletter .elementor-field-type-submit{
	position: absolute;
	right: 0;
	height: 55px;
	padding : 2.5px !important;
	pointer-events: none;
}

.newsletter .elementor-button {pointer-events: auto}

.newsletter .elementor-field{height: 55px}
.newsletter .elementor-field-type-submit .elementor-button{
	height: 50px !important;
	border: none !important
}

.newsletter .elementor-field-group:has(.elementor-button){
	justify-content: end;
}
 

/* Soulignement SVG ======================= */

.titre span::after {
  content: "";
/*   background-image: url("soulignement.svg"); */
}

/* Instagram Feed Setup ======================= */

#sbi_load,
.sb_instagram_header{
	display: none !important
}


/* RESPONSIVE TABLET ======================= */
 
@media (max-width: 1024px) {

	.bloc-product h4 {
    font-size: 25px important;
	}
	
/* 	sub menu talbette */
	
	.e-active>.elementor-element>.e-con-inner{justify-content: center; align-items: center;}
	
/* 	Menu background blanc */
	
#navbar{
	background-color: white !important;
}


/* .home  */

#navbar a{
	transition: none !important
}

#navbar:not(.scrolled) a,
#navbar:not(.scrolled) span,
#navbar:not(.scrolled) .icon-container a{
 	color: var(--black) !important;
	transition: none !important;
}

#navbar:not(.scrolled) .no-change a,
#navbar:not(.scrolled) .no-change span{
 	color: #1E1E1E !important;
	transition: none !important;
}


#navbar:not(.scrolled) [data-layout="dropdown"] a,
#navbar:not(.scrolled) [data-layout="dropdown"] span
{
 	color: var(--black)  !important;
	transition: none !important;
}

#navbar:not(.scrolled) [data-layout="dropdown"] .e-n-menu-title svg path
{
 	fill: #1E1E1E !important;
	transition: none !important;
}

#navbar [data-layout="horizontal"] svg path,
#navbar .icon-container svg path,
#navbar .e-n-menu-toggle svg path,
#navbar .e-n-menu-title svg path
{
	fill: var(--black) !important;
}

#navbar:not(.scrolled) [data-layout="horizontal"] svg path,
#navbar:not(.scrolled) .icon-container svg path,
#navbar:not(.scrolled) .e-n-menu-toggle svg path,
#navbar:not(.scrolled) .e-n-menu-title svg path
{
	fill: var(--black)  !important;
}

#navbar [data-layout="dropdown"] .e-n-menu-heading,
.header-2 [data-layout="dropdown"] .e-n-menu-heading{
	padding-top: 50px !important
}
	
	
		/* menu global (c'etait le mobile a la base)  */

	.e-n-menu-content>.elementor-element{
		width : 100% !important;
		animation-duration: 0ms !important;
	}
	
	#navbar .e-n-menu-wrapper .e-n-menu-item:last-child,
	.header-2 .e-n-menu-wrapper .e-n-menu-item:last-child{
		display: block !important ;
/* 		margin-top : 50px !important; */
	}
	
	#navbar .e-n-menu-wrapper .e-n-menu-item:last-child .e-n-menu-title,
	.header-2 .e-n-menu-wrapper .e-n-menu-item:last-child .e-n-menu-title{
		padding-top: 20px;
		padding-bottom: 20px;
		background-color: var(--black) !important;
		color: var(--white) !important;
	}
	
	#navbar .e-n-menu-wrapper .e-n-menu-item:last-child .e-n-menu-title .e-n-menu-title-text,
	#navbar .e-n-menu-wrapper .e-n-menu-item:last-child .e-n-menu-title svg path,
	.header-2 .e-n-menu-wrapper .e-n-menu-item:last-child .e-n-menu-title .e-n-menu-title-text,
	.header-2 .e-n-menu-wrapper .e-n-menu-item:last-child .e-n-menu-title svg path{
		color: var(--white) !important;
		fill: var(--white) !important;
	}
	
	.#navbar{
		background-color: white !important
	}
	
	#navbar .e-n-menu-wrapper .e-n-menu-item:last-child .elementor-item{
		padding-top : 0 !important
	}
	
	
/* 	Fond pas transeparent au mobile (home) */
	
	.home #navbar,
.home #navbar .e-n-menu-heading{background-color: white !important }

.home #navbar:not(.scrolled) a,
.home #navbar:not(.scrolled) span,
.home #navbar:not(.scrolled) .icon-container a{
 	color: var(--black) !important;
	transition: none !important;
}

.home #navbar:not(.scrolled) [data-layout="horizontal"] svg path,
.home #navbar:not(.scrolled) .icon-container svg path,
.home #navbar:not(.scrolled) .e-n-menu-toggle svg path,
.home #navbar:not(.scrolled) .e-n-menu-title svg path
{
	fill: var(--black) !important;
}

	
/* 	Langues bug tablette */

	#langues-menu + .e-n-menu-content>.elementor-element{
		margin: 0 !important
	}
	
		#langues-menu + .e-n-menu-content>.elementor-element a,
		#langues-menu + .e-n-menu-content>.elementor-element span{
			color: white !important
	}

/* #navbar .main-menu .elementor-nav-menu>.lang-item a{
	color: var(--black)  !important;
}
		 */
/* 	Menu langues mobile  */
	
	#navbar .langues-menu + .e-n-menu-content .elementor-nav-menu>.lang-item a{
		color: white !important
	}
	
	
	#navbar .main-menu .e-n-menu-heading li:not(.lang-item):nth-last-child(2){
		padding-bottom: 40px !important
	}
	#navbar .main-menu .e-n-menu-heading li:not(.lang-item):nth-last-child(2):has(.e-active){
		padding-bottom: 0 !important
	}
	
	
/* 	Dropdown style (gamme) */
	#gamme .e-n-menu-dropdown-icon{margin-left: 15px !important}
	
	#gamme .e-n-menu-dropdown-icon-opened,
	#gamme .e-n-menu-dropdown-icon-closed{
		border : 1px solid rgba(0,0,0,0.5);
		border-radius: 3px
	}
	
	#gamme + .e-n-menu-content .sub-menu{
		background-color: #FFF6E3;
	}



/* .home  */
nav li a:after  {
  background-color: white !important;	
}

/* .home  */
.scrolled nav li a, .home .scrolled nav li a:hover{

  color: black !important;
}

	
}

/* RESPONSIVE PHONE ======================= */

@media (max-width: 759px) {
	
	/* sliders  */
	.arrow-desk .arrows{
		display: none !important
	}
	.arrow-desk .swiper-pagination{
	display: block !important
	}
	
/* 	Bottle Cloud Clet Mobile */

	.bottle{position: static !important}

}


/* ====================== CUSTOM ======================= */


/* langues */

.langues .current-lang .elementor-item{
	font-weight: 600 !important;
	text-decoration: underline !important
}



/* masque opacité slider */

.slider-mask .swiper{
  -webkit-mask-image: linear-gradient(to right, transparent, black 5%, black 95%, transparent);
  mask-image: linear-gradient(to right, transparent, black 5%, black 95%, transparent);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

	
	
/* 	Slider  */
	

.arrow-desk .swiper-pagination{
	display: none 
}

/* Menus langues */

#langues-menu + .e-n-menu-content>.elementor-element{
	width: 100% !important
}

#langues-menu + .e-n-menu-content>.elementor-element .elementor-nav-menu--main{
	justify-content: center !important
}

/* menu global */

#navbar .e-n-menu-wrapper .e-n-menu-item:last-child,
.header-2 .e-n-menu-wrapper .e-n-menu-item:last-child{
	display: none ;
}


/* newslterret form */

.newsletter .elementor-button:hover span{
	color: white !important
}

/* footer text */
.footer-text, 
.footer-text span,
.footer-text a{
	font-size: 0.8rem;
	color: #FFFFFF7D;	
}


/* svg map */
svg path.orange,
.map-svg{
	opacity: 0.8 !important
}

/* Gammes bottles */

.gamme-bottle{
	aspect-ratio: 1/2 !important
	display: flex;
	align-items: end;
	flex-grow: 1
}

.gamme .swiper-wrapper{align-items : end}

.gamme-bottle img{
/* 	height: 100% !important; */
	aspect-ratio: 1/2 !important;
}

.align-end .gamme-bottle{
}


/* Slider gamme paragraphe */

.content-p p:not(:first-of-type) {
  display: none;
}
.content-p p:first-of-type {
  display: block;
}

 .titre-underline u{
	text-decoration: underline;
	  text-decoration-thickness: 2px !important;     /* épaisseur du soulignement */
  text-underline-offset: 10px !important;    
}

.privacy-policy h3{
	font-size: 20px !important;
	font-family: epilogue !important;
}


.gamme-slide {
  transition: all 400ms ease;
}

.gamme-slide:hover .gamme-bottle {
  transform: rotate(3deg);
  transition: all 400ms ease;
}
.gamme-bottle {
  transition: all 400ms ease;
/*   transform-origin: bottom center; */
}
/* ============== BLOG */

.blog-content h2{
	font-size: 1.4rem;
	line-height: 1.6rem
}

#breadcrumbs{
	font-size: 16px !important
}

.breadcrumb_last{
	font-family: epilogue, sans-serif !important;
	font-size: 16px !important
}

/* ========== Cocktails */

.cocktails .elementor-post__thumbnail__link{position: relative;}
.cocktails .elementor-post__thumbnail__link:before{
	content : "Voir la recette";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.5);
	color: white;
	font-family: epilogue;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 10;
	opacity: 0;
	transition: all 200ms ease-in-out;
}

.cocktails .elementor-post__thumbnail__link:hover:before{
	opacity: 1;
	transition: all 200ms ease-in-out;
}


.article-nav

.post-navigation__prev--title,
.post-navigation__next--title{
	line-height: 3.5rem !important;
	text-decoration: underline !important;
}

a:has(.post-navigation__prev--label),
a:has(.post-navigation__next--label){
	text-decoration: none !important
}

ol li::marker{
	display: none !important;
	content: none !important
}
ol li{
	margin-bottom: 15px !important
}

ol {
  list-style: none; /* Enlève le style par défaut */
  counter-reset: item;
  padding-left: 0;
}

ol li {
  counter-increment: item;
  margin-bottom: 0.5em;
  position: relative;
  padding-left: 3em;
}

ol li::before {
  	content: counter(item, decimal-leading-zero);
  	position: absolute;
  	left: 0;
	font-family: "California Palms" !important;
	font-size: 36px;
}

.list-space li{margin-bottom: 15px !important;}
.list-space ul{padding-left: 0 !important}