/* 
Theme Name: Hello Eliophot 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 & Eliophot
Author: Eliophot
Author URI: https://www.eliophot.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, Eliophot
*/

.elementor-carousel-image {
    height: 100% !important;
    background-size: cover !important;
    background-position: center !important;
}

/* Global */
/* Header */
.icon-booking-mobile .elementor-icon-wrapper{
    height: 24px;
}

/* Menu burger */

.menu-principal .menu-item a{
	text-align: right;
}

.menu-principal a:hover, .menu-secondaire a:hover{
    font-weight: 600 !important;
	color : var(--e-global-color-accent) !important
}

@media screen and (max-width : 767px){
    .menu-principal .menu-item{
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .menu-principal .menu-item a{
        text-align: center;
    }
}

.img-menu-defaut{
    height: 100vh;
	width : 100%;
    z-index: 0;
	opacity: 0;
	transition : all 0.7s;
	position : absolute !important;
}

.img-menu-defaut.img-active{
	opacity : 1
}

.img-menu-link{
    height: 100%;
    z-index: 1;
    opacity: 0;
    position: absolute;
    height: 100vh;
    width: 100%;
	transition: all 0.7s
}

.img-menu-link.img-active{
	opacity : 1
}

/* Internal links */
.internal-link:hover .label, .internal-link:hover .arrow{
    transform: translateX(20px)
}

.internal-link .label,
.internal-link .arrow{
    transition: all .5s
}

.internal-link .arrow .elementor-widget-container{
	height: 4px
}

/* Footer */
/* Menu footer */
@media screen and (max-width : 767px){
    .menu-footer .elementor-nav-menu li{
    display: flex;
    justify-content: center
}
}

/* Newsletter form */
#newsletter-form svg{
    width: 100%
}

#newsletter-form button{
    padding: 0
}

@media screen and (min-width : 1367px){
    #newsletter-form .elementor-field-type-acceptance{
    position: absolute;
    bottom: -50px
}
}

@media screen and (min-width : 768px) and (max-width: 1366px){
    #newsletter-form .elementor-field-type-acceptance{
    position: absolute;
    bottom: -80px
}
}

@media screen and (max-width : 767px){
    #newsletter-form .elementor-field-type-acceptance{
    position: absolute;
    bottom: -50px
}
}

/* Séjourner */

/* Liste des chambres */
.rooms-list .eliophot-room__cta_button_second::after{
    content: url(/wp-content/uploads/2025/11/le-goyen-arrow.svg);
    position: absolute;
    top: 25px;
    left: 50%;
    transform: translateX(-50%)
}

.rooms-list .eliophot-room__cta_button_second:hover{
    transform: translateX(20px)
}

.room-list .eliophot-room__cta_button_second{
    transition: all .5s
}

/* Chambres NIV 2 */
/* Maillage */
.rooms-carousel .eliophot-room__group{
    position: absolute;
    height: 100% !important;
    width : 100%;
    background: #00000073;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.rooms-carousel .eliophot-room__group .eliophot-room__body, .rooms-carousel .eliophot-room__group .eliophot-room__cta{
    transform: translateY(100px);
}

.rooms-carousel .eliophot-room__group .eliophot-room__title{
    width: 80%;
}

.rooms-carousel .eliophot-room__group .eliophot-room__body{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.rooms-carousel .eliophot-room__cta_button_second::after{
    content: url(/wp-content/uploads/2025/11/le-goyen-arrow-white-2.svg);
    position: absolute;
    top: 25px;
    left: 50%;
    transform: translateX(-50%)
}

.rooms-carousel .eliophot-room__cta_button_second:hover{
    transform: translateX(20px)
}

.room-carousel .eliophot-room__cta_button_second{
    transition: all .5s
}

.rooms-carousel .eliophot-room__cta_button_main{
    display: none !important;
}

.rooms-carousel .elementor-swiper-button{
    background: white;
    border: solid 1px #0000002e;
    border-radius: 100%;
    padding: 7px;
}

.elementor-widget-rooms-list .elementor-carousel-image {
    height: 100% !important;
    background-size: cover !important;
    background-position: center !important;
}

.rooms-carousel .elementor-swiper-button{
    transition: all 0.7s;
}
.rooms-carousel .elementor-swiper-button:hover {
    background-color: var(--e-global-color-accent);
}

.rooms-carousel .elementor-swiper-button:hover path{
    stroke: white
}



/* Spa */
/* Les cabines */
	.fade-col-text .col-img{
		height: 100%;
		width: 100%;
		transition: all 1s;
	}
	.fade-col-text .col-img.col-img-2{
		opacity: 0;
	}
	@media screen and (min-width : 1024px){
	.fade-col-text:hover .col-img.col-img-1{
		opacity: 0;
	}

	.fade-col-text:hover .col-img.col-img-2{
		opacity: 1;
	}

	.fade-col-text .fade-txt, .fade-col-text .content{
		transition: all 1s;
	}

	.fade-col-text .content{
		transform: translateY(10%);
	}

	.fade-col-text .fade-txt{
		transform: translateY(50%);
		opacity: 0;
	}

	.fade-col-text:hover .content, .fade-col-text:hover .fade-txt{
		transform: translateY(0);
		opacity: 1;
	}
	}


/* Spa */
/* Gallery carousel */
@media screen and (min-width: 768px){
    .gallery-carousel .gallery-img:nth-child(even){
    transform: translateY(100px);
        
    }
}

@media screen and (max-width: 767px){
    .gallery-carousel .gallery-img:nth-child(even){
        padding-left: 30px;
        padding-right: 10px;
    }
        .gallery-carousel .gallery-img:nth-child(odd){
                padding-left: 10px;
        padding-right: 30px;
    }
}

/* Actualités */
/* Actualité Niv 2  */
@media screen and (max-width: 1024px) {
    .article-content figure {
        margin-right: 0;
        margin-left: 0;
    }
    
    .article-content figure img {
        max-height: 300px !important;
    }
}

.article-content figure img {
    max-height: 450px;
    object-fit: cover;
    object-position: center;
    margin: 1.5rem 0 1.5rem 0;
    width: 100%;
}

.article-content h2 {
font-family: var(--e-global-typography-secondary-font-family), Sans-serif;
    font-size: var(--e-global-typography-secondary-font-size);
    font-weight: var(--e-global-typography-secondary-font-weight);
    text-transform: var(--e-global-typography-secondary-text-transform);
    margin-top: 2.5rem;
}

.article-content a{
    color: var(--e-global-color-3e4c9eb);
}

/* Offres spéciales */
/* Offre spécial Niv 2 */
.offre-liste .eliophot-offer__body, .offre-liste .eliophot-offer__cta{
    background: #F6F5F2;
}

.offre-liste .eliophot-carousel__slider, .offre-liste .eliophot-offer__body, .offre-liste .eliophot-offer__cta{
    transform: translateX(-9px) translateY(-9px);
}

.offre-liste .eliophot-offer__container{
    height: fit-content;
}

.eliophot-offer .elementor-swiper-button{
	position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
	cursor : pointer
}

.eliophot-offer .elementor-swiper-button-prev{
	left : 2%
}
.eliophot-offer .elementor-swiper-button-next{
	left : auto;
	right : 2%
}

/* Footer */
/* quick access mobile */
.quick-access .elementor-widget-container {
  align-content: center;
}

.quick-access .elementor-icon-wrapper {
  line-height: 1;
}

.quick-access .menu-langues .sub-arrow i {
  content: url("/wp-content/uploads/2025/11/VAB-picto_chevron-bas.svg");
}