/* Style du site Dr Mielcarek (complète le thème Divi). */

/* Menu principal de l'en-tête : liens blancs. Divi perd cette règle quand il recalcule ses styles (valeurs du module, 23/10/2026). */
.et_pb_menu_0_tb_header.et_pb_menu ul li a {
	font-family: 'Nunito Sans', Helvetica, Arial, Lucida, sans-serif;
	font-weight: 300;
	font-size: 16px;
	color: #ffffff !important;
}
.et_pb_menu_0_tb_header.et_pb_menu ul li:hover > a { color: #ffffff !important; }

/*
 * Apparitions au défilement. Divi pose les classes .fade et .slideBottom (réglages récrits par gk-mielcarek-style.php) ;
 * on remplace ses mouvements par un fondu et une montée de 18 px, courbe de sortie franche (cubic-bezier(0.23, 1, 0.32, 1)).
 */
:root { --gk-ease-out: cubic-bezier(0.23, 1, 0.32, 1); }

.et_animated.fade,
.et_animated.slideBottom {
	animation-timing-function: var(--gk-ease-out) !important;
}
.et_animated.fade { animation-name: gk-fondu !important; }
.et_animated.slideBottom { animation-name: gk-apparition !important; }

@keyframes gk-fondu {
	from { opacity: 0; }
	to { opacity: 1; }
}
@keyframes gk-apparition {
	from { opacity: 0; transform: translate3d(0, 18px, 0); }
	to { opacity: 1; transform: none; }
}

/* Mouvement réduit : fondu court seulement. */
@media (prefers-reduced-motion: reduce) {
	.et_animated.fade,
	.et_animated.slideBottom {
		animation-name: gk-fondu !important;
		animation-duration: 200ms !important;
		animation-delay: 0ms !important;
	}
}