/*
Theme Name: Astra Child - Léonce
Theme URI: https://example.local/
Description: Thème enfant pour Astra (customisations propres, non écrasées lors des mises à jour)
Author: Olivier
Template: astra
Version: 1.0.0
Text Domain: astra-child-leonce
*/

/* 
  IMPORTANT
  - Ce fichier peut contenir du CSS global.
  - Ici, on va plutôt charger un fichier CSS dédié (assets/css/ld-sticky-header.css)
  - Mais on laisse ce fichier, car WordPress le requiert pour reconnaître le thème enfant.
*/

/* Empêche le défilement horizontal parasite (iPhone / petits écrans) */
html,
body {
	overflow-x: hidden; /* Coupe tout débordement horizontal */
}

/* Sécurité : évite que des médias débordent */
img,
video,
svg {
	max-width: 100%; /* Ne dépasse jamais la largeur du conteneur */
	height: auto; /* Garde les proportions */
}

/* === ASTRA : trait menu - hover plus doux / actif couleur principale === */

/* Liens */
.main-header-menu > .menu-item > .menu-link {
	position: relative;
	display: inline-block;
	padding-bottom: 10px;
}

/* Trait (par défaut caché) */
.main-header-menu > .menu-item > .menu-link::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 6px;
	transform: scaleX(0);
	transform-origin: left;
	transition: transform 180ms ease;
	border-radius: 3px;

	/* couleur par défaut (peu importe, car caché) */
	background: #ddb76d;
}

/* HOVER : trait visible + couleur douce */
.main-header-menu > .menu-item:hover > .menu-link::after {
	transform: scaleX(1);
	background: #f0ddb8; /* ✅ mets ici ta couleur douce */
	/* ou remplace par un hex : #F2C9B4; */
}

/* ACTIF : trait visible + couleur principale (prioritaire) */
.main-header-menu > .menu-item.current-menu-item > .menu-link::after,
.main-header-menu > .menu-item.current_page_item > .menu-link::after,
.main-header-menu > .menu-item.current-menu-ancestor > .menu-link::after {
	transform: scaleX(1);
	background: #ddb76d; /* ✅ couleur principale */
}

/* Bonus : si tu survoles l'item actif, il reste en couleur principale */
.main-header-menu > .menu-item.current-menu-item:hover > .menu-link::after,
.main-header-menu > .menu-item.current_page_item:hover > .menu-link::after,
.main-header-menu > .menu-item.current-menu-ancestor:hover > .menu-link::after {
	background: #ddb76d;
}

/* =========================================================
   Avis Google
   ========================================================= */
/* 
Section avis Google : on force une image de fond fixe (effet "parallaxe" simple) */
.section-avis-google {
	background-attachment: fixed; /* effet de défilement : le fond reste fixe */
	background-size: cover; /* couvre tout le conteneur */
	background-position: center; /* centre l’image */
	background-repeat: no-repeat; /* évite la répétition */
}

/* Sur mobile, background-attachment: fixed est souvent mal supporté / saccade :
   on désactive pour garder un site fluide. */
@media (max-width: 767px) {
	.section-avis-google {
		background-attachment: scroll;
	}
}

.ti-rating-large {
	color: #fffaf5;
}

.ti-widget.ti-goog.ti-show-rating-text .ti-rating-text,
.ti-widget.ti-goog.ti-show-rating-text .ti-rating-text strong:not(.ti-rating-large),
.ti-widget.ti-goog.ti-show-rating-text .ti-rating-text strong a,
.ti-widget.ti-goog.ti-show-rating-text .ti-rating-text strong span,
.ti-widget.ti-goog.ti-show-rating-text .ti-rating-text span strong,
.ti-widget.ti-goog.ti-show-rating-text .ti-rating-text span,
.ti-widget.ti-goog.ti-show-rating-text .ti-footer,
.ti-widget.ti-goog.ti-show-rating-text .ti-footer strong:not(.ti-rating-large),
.ti-widget.ti-goog.ti-show-rating-text .ti-footer span,
.ti-widget.ti-goog.ti-show-rating-text .ti-footer strong a {
	color: #fffaf5;
}

/* =========================================================
   Style des elements qui s affichent en fade in/out // Ne marche PAS
   ========================================================= */
/*
/* État caché par défaut */
.reveal {
	opacity: 0; /* invisible */
	transform: translateY(28px); /* un peu plus loin = arrivée plus douce */
	transition:
		opacity 1000ms cubic-bezier(0.22, 1, 0.36, 1),
		transform 1200ms cubic-bezier(0.22, 1, 0.36, 1);
	will-change: opacity, transform; /* hint perf */
}

/* État visible */
.reveal.is-visible {
	opacity: 1;
	transform: translateY(0);
}

/* =========================================================
   Enlève la marge inférieur des widget Editeur de texte
   ========================================================= */
.elementor-widget-text-editor p:last-child {
	margin-bottom: 0px;
}