/*
	Theme Name: Revd'eau
	Theme URI: https://www.revdeau.com/
	Author: Agence Cactus
	Author URI: https://agence-cactus.fr/
	Description: Base de thème.
	Version: 1.0.0
	Tags: base, theme
	Text Domain: revdeau
*/

.single-spa .wp-block-image::after, .single-spa .bloc_image::after{
	display:none!important;	
}

/* Page Produit : Galerie */
.product-galerie-wrap {
    position: relative;
    overflow: hidden;
}
.product-galerie img{
    max-height: 40vh;
    object-fit: contain;
    width: 100%;
    height: auto;
    display: block;
}
/*
.product-galerie .slick-prev {
    left: 10px !important;
	z-index:9;
}
.product-galerie .slick-next {
    right: 10px !important;
	z-index:9;
}
.product-galerie .slick-prev:before, .product-galerie  .slick-next:before{
    color: #348ff7;	
}*/

.custom-controls {
    position: absolute;
    top: 50%;
    left: 10px;
    right: 10px;
    display: flex;
    justify-content: space-between;
    transform: translateY(-50%);
}

.product-galerie-wrap {
    position: relative;
}
.custom-controls button {
    background: #348ff7;
	opacity:0.8;
    border: none;
    cursor: pointer;
    padding: 0.5rem;
    pointer-events: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: 0.3s ease;
}

.custom-controls button:hover {
   opacity:1;
}

.custom-controls svg {
    fill: white;
    width: 24px;
    height: 24px;
}

/* Page produit : détails */
.product-price {
    color: #348ff7;
    margin-bottom: 10px;
	font-size:20px;
}
.btn-fiche-produit {
    margin: auto auto 50px auto;
    display: flex;
    justify-content: center;
}
#single_spa .caracteristiques *, #single_spa .detente * {
    color: white;
}

#single_spa p {
	line-height:1.5
}

.single-spa .premium {
	color: black!important;
}

.couleurs_wrap {
	display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
    margin-top: 30px;
}
.couleurs_wrap  .sous_titre {
    width: 100%;
    text-align: center;
}
.couleur {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
	gap: 8px;
}
.couleur-nom {
    font-size: 12px;
    text-align: center;
}
.couleur-img img {
    width: 50px;
    height: 50px;
    object-fit: cover;
    border-radius: 50%;
}
/* Page produit : logos et garanties */

#single_spa .picto {
    display: none !important;
}

.spas-promesses {
    display: flex;
    flex-direction: column;
    gap: 60px;
    align-items: center;
    justify-content: center;
    background: rgba(0, 32, 69, 0.9);
    padding: 40px;
	margin-bottom:50px;
}
.spas-promesses *{
	color:white!important;
}
.spas-garanties {
    display: flex;
    gap: 40px;
    align-items: start;
    justify-content: center;
}
.spas-garanties .garantie{
	display: flex;
	flex-direction:column;
    gap: 4px;
    align-items: center;
    justify-content: center;
	max-width: 300px;
    text-align: center;
}
.garantie img {
    filter: brightness(10);
}
.spas-fournitures{
	margin-bottom: 90px;	
}
.spas-logos{
    display: flex;
	flex-wrap: wrap;
    gap: 20px 40px;
    align-items: center;
	justify-content: space-between;
    width: 100%;
}
@media screen and (max-width:1200px){
	.spas-logos{
		justify-content: center;
	}
}
@media screen and (max-width:900px){
	.spas-garanties {
		gap: 20px;
	}
}
@media screen and (max-width:600px){
	.spas-garanties {
    	flex-direction: column;
	}
	.spas-garanties .garantie{
		align-items: center;
	}
}

/* Home */

.home .card .image img{
	object-fit:cover!important;
	width:100%;
}
.card .image img{
	object-fit:contain;
}
/* Partenaires */
.carousel-garanties .tns-item{
	flex-shrink: 0!important;
}
.carousel-garanties .tns-item .media{
	height: 100%!important;
}
.tns-slider.carousel-garanties {
	display: flex!important;
}

/* Archives SPAS */
.section-Massage.my-4, .section-Nage.my-4{
    margin-top: 70px !important;
}
#item_spas .card {
    width: 100%;
}
#price-filter {
	opacity: 0;
	transition: opacity 0.3s ease;
    display: flex;
    width: fit-content;
    gap: 20px;
    align-items: center;
}
#price-filter.visible {
	opacity: 1;
}
div#price-filter label {
    margin-bottom: 0;
	margin-right: 10px;
}
.noUi-connects {
	border-radius: 0!important;
}

.noUi-handle:after, .noUi-handle:before{
	display:none!important;
}
.noUi-target {
    background: #f0f0f2!important;
    border-radius: 0!important;
    border: 0px!important;
    box-shadow: none!important;
}
.noUi-connect {
    background: #348ff7!important;
}
.noUi-horizontal {
    height: 6px!important;
    width: 250px!important;
}
.noUi-horizontal .noUi-handle {
    width: 12px!important;
    height: 12px!important;
    top: -4px!important;
    border: 0!important;
    border-radius: 0!important;
    box-shadow: none!important;
    background: #002045!important;
	right: 0!important;
}

.premium {
    font-weight: 400 !important;
    color: #348ff7;
    display: block;
    font-size: 18px;
    line-height: normal;
}
.card-prix{
    color: #348ff7;
    display: block;
    font-size: 18px;	
	    font-weight: 300 !important;
}
.old-price{
	color: gray!important;
	    font-style: italic;
}
/*
.row.spas, .row.spas .item_spas {
    height: auto;
    display: flex !important;
    position: relative !important;
    width: 100%;
    justify-content: center;
    flex: unset !important;
    margin: 0;
    left: unset !important;
    top: unset !important;
}*/


/*** HEADER MOBILE ***/
.ubermenu-skin-blue-silver .ubermenu-submenu .ubermenu-item-header > .ubermenu-target {
	font-weight: normal!important;
}
.ubermenu-skin-blue-silver.ubermenu-responsive-toggle {
    background: transparent!important;
    font-size: 24px!important;
    border: 0px!important;
    box-shadow: none!important;
}
@media screen and (min-width: 960px){
		.ubermenu-skin-blue-silver .ubermenu-item-level-0:hover > .ubermenu-target, .ubermenu-skin-blue-silver .ubermenu-item-level-0.ubermenu-active > .ubermenu-target {
		background: transparent!important;
	}
	.ubermenu-skin-blue-silver .ubermenu-submenu.ubermenu-submenu-drop {
		border: 0px!important;
	}
}
@media screen and (max-width: 959px){
	header .navbar.shrink .custom-logo-link-shrink {
		opacity: 0!important;
	}	
	header .navbar.shrink .custom-logo-link{
		opacity: 1!important;
	}
	header .navbar {
		background: #002045 !important;
	}
	.ubermenu-responsive-default.ubermenu-responsive .ubermenu-nav .ubermenu-item .ubermenu-submenu.ubermenu-submenu-drop{
		position: relative!important;
		flex-direction: column!important;
	}
	.ubermenu-transition-shift .ubermenu-item .ubermenu-submenu-drop{
		margin-top:0px!important;
	}
	.ubermenu-main .ubermenu-active > a, .ubermenu-item-level-0:hover>a{
		color:#003375!important;
	}
}