/*
 Theme Name:   Hello Elementor Child
 Template:     hello-elementor
 Author:       Stéphane Turc
 Version:      1.0.0
*/


.site-navigation-dropdown ul.menu {
       background-color: var(--e-global-color-9d7ba68); /* Fond des menus mobiles */
       color: yellow; 
     }
.site-navigation-dropdown ul.menu li a {
	background:transparent;
	color:var(--e-global-color-accent); /* Police des liens des menus mobiles */
	font-family:var(--e-global-typography-accent-font-family)
}
.site-title.show a {
       font-family: var(--e-global-typography-accent-font-family), sans-serif; /* Police du Titre */
       font-size: 30px; /* Change font size to 24 pixels */
     }
.site-navigation ul.menu li a {
	font-family:var(--e-global-typography-accent-font-family) ;
	font-size:20px;
	color:var(--e-global-color-accent); /* Police des menus desktop */
}

/* Couleur de survol pour le menu principal desktop
On cible l'ID spécifique du menu pour être prioritaire */

#menu-principal li a:hover {
        color: var(--e-global-color-primary) !important;
        transition: color 1s ease; /* Pour un effet de transition fluide */
}

/* Couleur du lien actif (la page où l'on se trouve) */
#menu-principal li.current-menu-item a {
    color: var(--e-global-color-primary); 
}
/* Couleur spécifique pour le bouton Réserver au survol */
#menu-principal li.bouton-beds24 a:hover {
    color: #ffffff !important;
    background-color: var(--e-global-color-primary) !important;
}
li.menu-item-127 a, 
.site-navigation-dropdown li.menu-item-127 a {
    color: var(--e-global-color-primary) !important;
    background-color: var(--e-global-color-6819dc4) !important;
} /* Pour faire ressortir le menu réserver */

li.menu-item-3018 a {
	color:var( --e-global-color-primary );
  background-color: var(--e-global-color-6819dc4)/* pour faire ressortir le menu online booking */;
}
 
/* Réglage de la taille de police pour le menu Pied pour mobiles
Ciblage strict du menu de pied de page 
 Appliqué uniquement aux terminaux mobiles (jusqu'à 767px), point de rupture Elementor */
@media (max-width: 767px) {
    
    #menu-pied a {
        /* On réduit la taille de la police pour les petits écrans */
        font-size: 0.9em; 
    }
}

/* Masque la description dans la lightbox uniquement quand la langue est l'anglais */
html[lang^="en"] .elementor-lightbox .elementor-slideshow__description {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
}


/* Customisation du testimonial carousel */

.uc_quote_info img.uc_author_avatar {
    width: 330px !important;
    height: 160px !important; /* On force la hauteur pour casser le 48 */
    min-height: 100px !important; 
    object-fit: contain !important; 
}

/* On force le conteneur de l'image qui fait souvent barrière */
.uc_quote_info .ue-image {
    width: 320px !important;
    height: 160px !important;
    display: flex !important; /* Aide Firefox à aligner l'image au centre */
    align-items: center;
    justify-content: center;
}


.ti-v-center, .ti-rating-text, .ti-stars {
    zoom: 0.75; /* Méthode simple pour réduire l'échelle globale à 85% */
    -moz-transform: scale(0.85); /* Pour Firefox */
}

/* Police des avis */
.ti-review-content, .ti-with-tooltip {
	color:#8a8a8a;
}

.ti-review-header, .ti-name, 
.ti-review-header, .ti-date, 
.ti-review-header, .ti-date,
.ti-review-content, .ti-review-text-container, .ti-with-tooltip {
	font-family:"Roboto Condensed",sans-serif !important;
	font-size: 15px !important;
}