/*
Theme Name:  Hello Elementor Child
Template: 	 hello-elementor
Theme URI:	 https://wordpress.org/themes/hello-elementor/
Author:		 ChildThemeWP
Author URI:	 https://childthemewp.com
Version:	 1.0.0
License:	 GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags:    	 opensource     
Text Domain: helloelementorchild
*/
.has-scrolled {
    background-color: #fff !important;
    box-shadow: 0 4px 20px rgb(0 0 0 / .15) !important;
}


/* 1. Forcer la grille Elementor à n'afficher qu'une seule ligne */
.ma-galerie-booking .e-gallery-container {
    --rows: 1 !important;
    grid-template-rows: repeat(1, 1fr) !important;
}

/* 2. Masquer toutes les photos à partir de la 7ème */
.ma-galerie-booking .e-gallery-item:nth-child(n+7) {
    display: none !important;
}

/* 3. Préparer le 6ème élément pour le positionnement du texte */
.ma-galerie-booking .e-gallery-item:nth-child(6) {
    position: relative !important;
}

/* 4. Créer l'effet d'assombrissement noir (Overlay) sur la 6ème photo */
.ma-galerie-booking .e-gallery-item:nth-child(6)::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.65); /* Opacité de l'assombrissement */
    z-index: 3; /* Passe au-dessus de l'image et de l'overlay natif d'Elementor */
    pointer-events: none; /* Permet de cliquer à travers pour ouvrir la Lightbox */
}

/* 5. Style du texte et de l'icône "Voir toutes les photos" */
.ma-galerie-booking .btn-voir-photos {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #ffffff !important;
    font-family: inherit;
    font-weight: 700;
    font-size: 13px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    text-align: center;
    white-space: nowrap;
    z-index: 4; /* Reste au-dessus de l'overlay noir */
    pointer-events: none;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
}

/* Style de l'icône SVG */
.ma-galerie-booking .btn-voir-photos svg {
    width: 26px;
    height: 26px;
    fill: #ffffff;
} 
h3.hb-title.hb-title-search-form {
    display: none;
}

.hb-search-fields-and-submit label {
    color: #fff;
	font-size: 14px !important;
    letter-spacing: 0;
}
div#hbook-booking-form-1 {
    color: #fff;
}
#hbook-booking-form-1 input:focus:not([type="button"]):not([type="submit"]){
    background-color: transparent; 
}

#hbook-booking-form-1 input:not([type="button"]):not([type="submit"]), #hbook-booking-form-1 select {
    background: transparent;
    border: 1px solid rgb(208 208 208 / 41%) !important;
    border-radius: 8px !important;
    color: #fff;
}
#hbook-booking-form-1 option {
    color: #000;
}
.hb-resa-summary-content {
    background: transparent; 
}
.elementor-image-carousel img {
    height: 215px;	
	width :100%;
    object-fit: cover;
}

.home-icon svg {
    margin-right: 1px !important;
}