/*
Theme Name: krisken-child
Theme URI: https://krisken.fr
Description: Twenty Twenty-Five Child Theme
Author URL: https://krisken.fr
Template: twentytwentyfive
Version: 1.0.0
*/

@import url('https://fonts.googleapis.com/css2?family=Abril+Fatface&family=Anton&display=swap');

/* GENERIQUES */
html{
	scroll-behavior: smooth;
}
a{
	text-decoration: none;
	transition: all .2s linear;
}
strong{
	font-weight: 700 !important;
}
figure{
	margin-bottom: 0;
}
.has-global-padding{
	padding-left: 0;
	padding-right: 0;
}

/* BOUTONS */
.wp-block-button__link{outline: 0 !important;}
.wp-block-button.is-style-outline .wp-block-button__link:hover{
	color: #a86963;
	background: none;
	border-width: 0 0 2px 0;
	border-bottom-color: #a86963;
}
.wp-block-button .wp-block-button__link:hover{
	border: 2px solid #a86963;
	color: #a86963;
}
.more .wp-block-button__link{position: relative; padding-left: 20px;}
.more .wp-block-button__link:after{
	content: '';
	display: block;
	width: 6px;
	height: 16px;
	position: absolute;
	right: 20px;
	top: 22px;
	background: url(img/icon-more.svg) no-repeat center/100%;
}
.more .wp-block-button:hover .wp-block-button__link:after{
	background: url(img/icon-more-on.svg) no-repeat center/100%;
}

#naturopathie-femmes .wp-block-button .wp-block-button__link:hover{
	border-color: #c0cdc1;
	color: #c0cdc1;
}
#naturopathie-femmes .more .wp-block-button:hover .wp-block-button__link:after{
	background: url(img/icon-more-green-on.svg) no-repeat center/100%;
}
summary{
	display: inline-flex;
	align-items: center;
	list-style: none;
	outline: 0;
}
summary:before{
	content: '';
	width: 32px;
	height: 32px;
	margin: 0 auto;
	transform: rotate(90deg);
	background: url(img/icon-more.svg) no-repeat center/8px;
	border: 2px solid #4d4d4d;
	border-radius: 50%;
}
summary:hover:before{
	border-color: #c0cdc1;
	background: url(img/icon-more-green-on.svg) no-repeat center/8px;
}
summary:hover{color: #c0cdc1;}

/* NAVIGATION */
#logo-titre{z-index: 9; position: relative;}
#navigation-entete{
	width: 100%;
	margin-top: -26px;
}
#navigation-entete nav ul.wp-block-navigation li{
	margin-bottom: -10px;
}
#navigation-entete nav ul.wp-block-navigation > li.home{display: none;}
#navigation-entete nav ul.wp-block-navigation > li.home{
	width: 44px;
	height: 46px;
	background: url(./img/logo.webp) no-repeat center/100% !important;
	overflow: hidden;
	text-indent: 200em;
}
#navigation-entete nav ul.wp-block-navigation > li.home a{
	opacity: 0;
}
#navigation-entete nav ul.wp-block-navigation li *,
#navigation-entete nav ul.wp-block-navigation li *:hover,
#navigation-entete nav ul.wp-block-navigation li *:focus,
#navigation-entete nav ul.wp-block-navigation li button,
#navigation-entete nav ul.wp-block-navigation li button:hover,
#navigation-entete nav ul.wp-block-navigation li button:focus{
	outline: 0;
	line-height: 20px;
	text-decoration: none;
	font-weight: normal;
	padding-bottom: 14px;
}
#navigation-entete nav ul.wp-block-navigation button{
	position: relative;
	margin: 0 auto;
}
#navigation-entete nav ul.wp-block-navigation button + span.wp-block-navigation__submenu-icon{
	position: relative;
	right: 0;
	top: 0;
	margin-top: 20px;
}
#navigation-entete nav ul.wp-block-navigation li a,
#navigation-entete nav ul.wp-block-navigation li button{
	margin-top: 20px;
	border-bottom: 2px solid transparent;
}
#navigation-entete nav ul.wp-block-navigation li a:hover,
#navigation-entete nav ul.wp-block-navigation li button:hover{
	border-bottom-color: #a86963;
}
	/* Sousmenu */
	#navigation-entete nav li.massages{position: static;}
	#navigation-entete nav ul.wp-block-navigation-submenu{
		border: 0;
		width: 600px;
		max-width: 100vw;
		top: 47px;
		left: auto;
		right: -10px;
		justify-content: flex-end;
		flex-direction: row;
		flex-wrap: nowrap;
		padding: 0 !important;
		justify-content: center;
	}
	#navigation-entete nav ul.wp-block-navigation-submenu li{padding: 0 !important;}
	#navigation-entete nav ul.wp-block-navigation-submenu li a{
		margin: 0;
		border-bottom: 0;
		padding: 10px;
		align-content: center;
	}
	#navigation-entete nav ul.wp-block-navigation-submenu li a:hover,
	#navigation-entete nav ul.wp-block-navigation-submenu li a:focus{
		color: #a86963;
		border-bottom: 0;
		padding: 10px;
	}

#navigation-entete.element-is-sticky{
	left: 0 !important;
	right: 0 !important;
	width: 100% !important;
	justify-content: start;
	padding: 0 340px 10px 20px !important;
}
#navigation-entete.element-is-sticky .wp-block-navigation__container{
	row-gap: 0;
}
#navigation-entete.element-is-sticky nav ul.wp-block-navigation > li.home{display: flex;}
#navigation-entete.element-is-sticky nav ul.wp-block-navigation li a:hover{opacity: 0.5;}

	aside#contact .wp-block-social-links a,
	aside#contact .wp-block-social-links a:hover,
	aside#contact .wp-block-social-links a:focus{
		font-size: 1.5em;
		outline: 0 !important;
		padding: 8px !important;
	}

#rdv.fixed{
	position: fixed;
	z-index: 900;
	top: 0;
	right: 0;
	padding: 10px 20px 10px;
	background: #fff;
}
@media (max-width: 1152px){
	#rdv.fixed{
		height: 104px;
		box-sizing: border-box;	
	}
}

#bon-cadeau a.uagb-modal-button-link{
	color: #fff;
	background-color: #000;
	border-color: #000;
}
#bon-cadeau a.uagb-modal-button-link:hover{
	color: #000;
	background-color: #FFF;
	border-color: #FFF;
}

/* OFFRE DU MOIS POPUP */
#pum-1244 .pum-close.popmake-close{
	position: absolute;
	top: 10px;
	right: 10px;
	height: 44px;
  width: 44px;
  font-weight: 700;
  font-size: 24px;
  border: none;
  box-shadow: none !important;
  text-shadow: none !important;
  background: transparent;
}
	#popmake-1385 .pum-close.popmake-close{
		background: transparent  !important;
		line-height: 1 !important;
		font-size: 32px !important;
		color: #000 !important;
		box-shadow: none !important;
	}

.pum-theme-theme-par-defaut{
	background: rgba(0,0,0,.7) !important;
	position: fixed;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
}
.pum-container{
	position: absolute;
	top: 80px !important;
	bottom: auto !important;
	height: auto !important;
	background: #decdac !important;
	padding: 0 20px 40px 20px !important;
	border: 1px solid #000 !important;
	border-radius: 16px !important;
	overflow: hidden;
	box-shadow: none;
	margin: 40px auto !important;
	max-width: 90% !important;
}
.pum-content{position: relative;}
.pum-content:before{
	display: none;
	content: '';
	width: 90px;
	height: 92px;
	position: absolute;
	top: 20px;
	left: 20px;
	background: url(./img/logo.webp) no-repeat center/100%;
}
.pum-container .pum-content figure{
	max-height: 320px;
	overflow: hidden;
	margin-left: -20px;
	margin-right: -20px;
}
.pum-container .pum-content figure img{
	width: 100% !important;
	width: 100% !important;
	border-radius: 13px 13px 0 0;
}
.pum-container p.pre-h2,
.pum-container h2{
	color: #FFF;
	font-family: "Abril Fatface", system-ui;
	font-weight: 300;
	text-align: left;
	margin-top: -160px;
	height: 160px;
}
.pum-container p.pre-h2{font-family: inherit;}
.pum-container .popmake-content{
	color: #333333 !important;
}
.pum-container .pum-content p{
	font-size: 1.3em;
}

/* ACCUEIL */
#soins .wp-block-image img{
	transition: all .2s linear;
}
#soins .wp-block-image:hover img{
	opacity: 0.4;
}
#soins .wp-block-image + .wp-block-uagb-buttons{
	position: absolute;
	bottom: 0;
	opacity: 0;
}
.wp-block-uagb-buttons a{padding: 10px 40px;}
#soins .wp-block-image:hover + .wp-block-uagb-buttons,
#soins .wp-block-image + .wp-block-uagb-buttons:hover{
	opacity: 1;
	bottom: 50%;
	margin-top: 21px;
}

/* PRODUITS */
.produits figure img{
	min-width: 100%;
}
.produits h2{
	font-size: 2.25em;
	min-height: 120px;
	margin-bottom: 20px;
}
h2 em{
	display: inline-block;
	font-size: 22px;
	line-height: 1;
	font-family: Montserrat, sans-serif;
}
.produits h2 em{color: #4d4d4d;}

.produits p{
	font-size: 18px;
	background: #fff;
	padding: 20px 40px 0 40px;
	margin: 0 20px 20px;
	box-sizing: border-box;
	width: auto !important;
}
.produits ul li{font-size: 18px;}
.produits figure + p{
	margin-top: -40px;
	margin-bottom: 0;
	color: #a86963;
	font-size: 20px;
	font-weight: 700;
}
	.prix-duree p{
		font-size: 18px;
		font-weight: bolder;
		background-color: #a86963;
		color: #fff;
		padding: 5px;
		margin: 20px 0 0;
	}
	#byebye .prix-duree p{
		background-color: #c0cdc1;
	}
.produits p:last-of-type{text-align: justify;}
.produits details p{
	margin: 0;
	padding: 0;
	font-size: 18px;
}
.produits details{
	font-size: 14px;
	margin: 0;
	padding: 0 60px;
}
.produits details summary{
	margin-bottom: 20px;
	font-weight: bold;
	width: 100%;
	justify-content: center;
}
.produits details summary:hover:before{
	background-image: url(img/icon-more-on.svg);
	border-color: #a86963;
}
.produits details summary:hover{color: #a86963;}
.produits details p{
	font-size: 18px;
}
.produits .wp-block-buttons{margin-top: 40px;}

/* PRODUIT PLEINE LARGEUR */
.produit-fullwidth .wp-block-button .wp-block-button__link:hover{
	/* border-color: #c0cdc1; */
	/* color: #c0cdc1; */
}
.produit-fullwidth .more .wp-block-button:hover .wp-block-button__link:after{
	background: url(img/icon-more-green-on.svg) no-repeat center/100%;
}

#neocare{
	position: relative;
	z-index: 5;
}
#neocare:after{
	content: '';
	display: block;
	width: 40%;
	height: 40%;
	aspect-ratio: 1/1;
	background-color: #decdac60;
	position: absolute;
	z-index: -1;
	top: 20%;
	left: 50%;
	margin-left: -20%;
}

#allergie,
#allergie figure,
#allergie figure div.wp-block-embed__wrapper{
	aspect-ratio: 9/16;
	max-height: 95vh;
	overflow: hidden;
	margin: 0 auto;
}
#byebye{
	position: relative;
}
#byebye > *{
	position: relative;
	z-index: 9;
}
#byebye:after{
	content: '';
	display: block;
	width: 60%;
	height: 30%;
	aspect-ratio: 1 / 1;
	background-color: #c0cdc180;
	position: absolute;
	z-index: 1;
	top: 30%;
	left: -20px;
	margin-top: -25%;
}
#byebye .wp-block-button .wp-block-button__link:hover{
	border-color: #c0cdc1;
	color: #c0cdc1;
}

/* FOOTER */
footer .uagb-container-inner-blocks-wrap .wp-block-uagb-container:not(:last-of-type){
	border-right: 1px solid #E6E6E6;
}
.wp-block-template-part ul.wp-block-list{list-style: none;}
.wp-block-template-part ul.wp-block-list li strong{color: #a86963;}

/* RESPONSIVE */
@media (max-width: 768px){
	body{font-size: 18px !important;}
	h3.wp-block-heading{font-size: 22px;}
	
	.wp-block-columns{row-gap: 0;}
	.wp-block-cover{
		padding-left: 20px !important;
		padding-right: 20px !important;
	}
	.entry-content.alignfull{padding: 0 20px !important;}
	.wp-block-image img{width: 100%;}
	.wp-block-columns,
	.wp-block-column,
	.wp-block-uagb-container{
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	.produit-fullwidth .wp-block-uagb-container{
		padding-left: 20px !important;
		padding-right: 20px !important;
	}
	.entry-content .produit-fullwidth{
		margin-left: -20px !important;
		margin-right: -20px !important;
		max-width: none !important;
	}
	.entry-content .produit-fullwidth > *:not(.wp-block-cover){padding: 0 20px !important;}
	
	.produit-fullwidth .wp-block-cover__inner-container *{max-width: 100%;}
	.produits p:last-of-type{text-align: left;}
	.produits p{padding: 0;}
	.produits figure + p{padding: 10px 10px 0;}
	
	/* ENTETE NAVIGATION */
	header.wp-block-template-part> div{padding: 0 20px !important;}
	header.wp-block-template-part header{
		padding: 0 20px 80px !important;
		min-height: auto !important;
		justify-content: start;
		margin-bottom: 0 !important;
	}
	header.wp-block-template-part aside#contact{
		min-height: 160px;
		background: #a86963;
		color: #fff;
	}
	/* modal bon cadeau */
	.uagb-modal-popup-close{top: 0 !important; right: 0 !important;}
		#logo-titre{
			flex-direction: column;
			width: 100%;
			padding-top: 40px !important;
		}
		aside#contact{
			color: #FFF;
			fill: #FFF;
		}
		aside#contact > div{
			flex-direction: column;
			width: 100%;
		}
		#rdv.fixed{
			position: relative;
			background: transparent;
		}
		
	#navigation-entete{justify-content: center;}
	#navigation-entete button.wp-block-navigation__responsive-container-open{
		position: fixed;
		top: 20px;
		right: 20px;
		z-index: 99999;
		background: #a86963;
	}
	button.wp-block-navigation__responsive-container-open svg{width: 44px; height: 44px;}
	
	#navigation-entete nav ul.wp-block-navigation li.home{display: flex;}
	nav ul.wp-block-navigation__container{
		flex-direction: column;
		align-items: center;
	}
	nav ul.wp-block-navigation__container li a,
	nav ul.wp-block-navigation__container li button{font-size: 20px;}
	
	#navigation-entete nav li.has-child.massages{
		display: block;
		position: relative;
		outline: 0 !important;
	}
	#navigation-entete nav ul.wp-block-navigation-submenu{
		width: 100%;
		height: none;
    position: relative;
    flex-direction: column;
		right: 0;
		top: 0;
	}
	#navigation-entete nav ul.wp-block-navigation button + span.wp-block-navigation__submenu-icon{
		position: absolute;
		top: 6px;
	}
	
	#navigation-entete .wp-block-navigation__container,
	#navigation-entete nav ul.wp-block-navigation-submenu{
		width: 100%;
		align-items: flex-start;
	}
	#navigation-entete nav ul.wp-block-navigation button{margin: 0;}
	#navigation-entete nav ul.wp-block-navigation > li.home{
		width: 80px;
		height: 82px;
	}
	
	/* accueil */
	#slider-home-rwd .wp-block-uagb-slider,
	#slider-home-rwd .wp-block-uagb-slider-child .swiper-content{padding: 0 !important;}
	#naturopathie-femmes h2,
	#naturopathie-femmes h2 em{
		max-width: 100%;
		color: #c0cdc1
	}
	body.home #portrait{
		margin-left: -20px;
		margin-right: -20px;
	}
	body.home #portrait > div{
		padding-left: 20px !important;
		padding-right: 20px !important;
	}
	
	.pum-container p.pre-h2, .pum-container h2{
		margin-top: 10px;
		margin-bottom: 0;
		height: auto;
	}
	.pum-container {top: 20px !important;}
	
	/* FOOTER */
	footer.wp-block-template-part > div{padding: 20px !important;}
	header.wp-block-template-part > div,
	
	/* footer */
	footer .alignfull{justify-content: center;}
}