/* Modif Elodie
--------------------------------------------- */

.home #primary .page-header-wrapper .entry-header{
	display: none;
}

.site-header .navigation-container{
	display: none !important;
}

.home #about-1{
	background-attachment: fixed !important;
}

.gallery-item img{
	height: 100%;
	width: 100%;
	object-fit: cover;
}

.gallery-item .gallery-icon{
	height: 100%;
}

.wp-block-kubio-image-gallery figure img{
	object-fit: cover !important;
	width: 100% !important;
}

.with-kubio-global-style, .with-kubio-global-style p, .wp-block-woocommerce-mini-cart-contents{
	color: white !important;
}

.coblocks-gallery-carousel-swiper-container .nav-button__next, .coblocks-gallery-carousel-swiper-container .nav-button__prev{
	background-color: transparent;
    border: none;
}

.coblocks-gallery-carousel-swiper-container .nav-button__next:hover, .coblocks-gallery-carousel-swiper-container .nav-button__prev:hover{
	background-color: transparent;
    border: none;
}

/* Conteneur */
.has-carousel {
    max-height: 600px;
    overflow: hidden;
    transition: height .25s ease;
}

/* Wrapper */
.has-carousel .swiper-wrapper {
    transition: height .25s ease;
}

/* Slides */
.has-carousel .swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Images */
.has-carousel .swiper-slide img {
    display: block;
    width: auto;
    max-width: 100%;
    max-height: 600px;
    height: auto;
    object-fit: contain;
    margin: auto;
}

/* Désactive le recadrage de CoBlocks */
.coblocks-gallery-carousel-swiper-container.is-cropped .swiper-slide img {
    width: auto !important;
    height: auto !important;
    max-width: 100% !important;
    max-height: 600px !important;
    object-fit: contain !important;
    margin: auto;
    display: block;
}

/* Centre les images */
.coblocks-gallery-carousel-swiper-container.is-cropped .swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
}

@media screen and (max-width: 600px){
	.wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image){
		width: 33% !important;
		padding: 5px !important;
	}
}

.single-room-type-wrapper .mphb-calendar-title{
	margin-top: 80px;
}

@media screen and (max-width: 1200px) {
	#kubio .style-local-2-container{
		width: 80% !important;
	}

	#kubio .style-koNu_wMkWC-outer{
		height: 50vh !important;
	}
}


@media screen and (max-width: 768px) {
	.site-header .title-wrapper{
		display: none !important;
	}

	.site-header{
		padding: 20px 20px !important;
	}

	.site-header .default-navigation{
		margin-bottom: 0 !important;
	}

	#kubio .wp-block.wp-block-kubio-heading__text.style-JUSnUI8c7l-text{
		font-size: 2em !important;
	}

	#kubio p.wp-block.wp-block-kubio-text__text.style-KTQyYCU8A-text{
		font-size: 20px !important;
	}

	.primary-menu-more-toggle{
		padding: 20px 20px 40px 20px !important;
		background-color: rgba(var(--kubio-color-4),1) !important;
	}

	.primary-menu-more-toggle svg{
		fill: black !important;
	}

	.primary-menu-more li:hover > ul{
		z-index: 21 !important;
	}
}




/*-------- BOUTONS DE CONTACT ------------*/
.floating-contact-buttons{
    position:fixed;
    right:20px;
    bottom:20px;
    display:flex;
    flex-direction:column; /* un au-dessus de l'autre */
    align-items:center;
    gap:10px;
    z-index:999999;
}

.floating-btn{
    width:50px;
    height:50px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    color:#fff;
    font-size:24px;
    box-shadow:0 4px 12px rgba(0,0,0,.2);
    transition:all .2s ease;
}

.floating-btn svg{
    width: 30px;
}

.floating-btn svg path{
    fill: white;
}

.floating-btn:hover{
    transform:translateY(-2px) scale(1.05);
}

.floating-btn.whatsapp{
    background:#25D366;
}

.floating-btn.email{
    background:#4c58a3;
}

@media (max-width:768px){
    .floating-contact-buttons{
        right:15px;
        bottom:15px;
    }

    .floating-btn{
        width:50px;
        height:50px;
        font-size:22px;
    }
}