/**
 * Why – Menu hamburger : suppression des numéros "01/02/03/04" devant les
 * titres, et alignement des titres à gauche sur les traits séparateurs.
 *
 * Le thème Liko génère ces numéros via un compteur CSS (counter(count)) sur
 * le pseudo-élément ::after de chaque lien, avec une réservation de place
 * (padding-left: 85px) sur le lien lui-même (liko-core.css). On masque le
 * pseudo-élément et on retire ce padding pour que le texte du titre
 * commence au même endroit que le trait horizontal sous chaque item.
 */

.tp-offcanvas-2-area .tp-main-menu-mobile > nav > ul > li > a::after {
	display: none !important;
}

.tp-offcanvas-2-area .tp-main-menu-mobile > nav > ul > li > a {
	padding-left: 0 !important;
}

/**
 * Trait du bas qui devient rouge progressivement au survol, même logique
 * que .tp-award-list-item::after (section AWARDS de la page L'Agence) :
 * un pseudo-élément superposé à la bordure existante, qui se déploie de
 * gauche à droite via une transition sur "width" (0% -> 100%).
 */
.tp-offcanvas-2-area .tp-main-menu-mobile > nav > ul > li {
	position: relative;
}

.tp-offcanvas-2-area .tp-main-menu-mobile > nav > ul > li::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: -1px;
	width: 0%;
	height: 1px;
	background-color: rgb(242, 17, 55);
	transition: width 0.7s ease-out;
}

.tp-offcanvas-2-area .tp-main-menu-mobile > nav > ul > li:hover::after {
	width: 100%;
}

/**
 * [2026-10-08, v1.1.1] TABLETTE ET MOBILE : passage DIRECT du blanc au rouge
 * au clic / au survol, sans fondu. Le thème met « transition: 0.3s ease-out »
 * (toutes propriétés) sur les liens : on retire seulement la couleur de la
 * transition — les animations d'ouverture du menu (opacité, déplacement) et
 * le trait rouge qui se déploie sous l'item restent inchangés.
 */
@media (max-width: 1024px), (hover: none) and (pointer: coarse) {
	/* Tablette + mobile uniquement (et écrans tactiles) — le fondu reste sur desktop */
	.tp-main-menu-mobile a,
	.tp-main-menu-mobile a *,
	.tp-offcanvas-2-area .tp-main-menu-mobile > nav > ul > li > a {
		transition-property: opacity, transform, visibility, clip-path !important;
	}
}