/**
 * Bouton "PROMO !" du menu mobile latéral - Keurti 3 ans.
 * S'appuie sur la couleur primaire du thème OneListing Pro (#f51957)
 * combinée à un dégradé doré pour un effet "célébration" bien visible.
 */

.kp3a-promo-menu-item {
	list-style: none;
	margin: 10px 14px !important;
}

.kp3a-promo-menu-item > a {
	display: flex !important;
	align-items: center;
	justify-content: center;
	gap: 8px;
	position: relative;
	overflow: hidden;

	padding: 13px 20px !important;
	border-radius: 14px !important;

	background: linear-gradient(135deg, #ff2e63 0%, #f51957 45%, #ff7a18 100%);
	background-size: 200% 200%;
	animation: kp3a-gradient-flow 4s ease infinite, kp3a-pulse 2.2s ease-in-out infinite;

	color: #ffffff !important;
	font-weight: 700 !important;
	font-size: 15px !important;
	letter-spacing: 0.3px;
	text-transform: none !important;

	box-shadow: 0 4px 14px rgba(245, 25, 87, 0.45);
	transition: transform 0.2s ease, box-shadow 0.2s ease, filter 0.2s ease;
}

/* Léger reflet animé qui traverse le bouton pour attirer l'œil. */
.kp3a-promo-menu-item > a::before {
	content: '';
	position: absolute;
	top: 0;
	left: -75%;
	width: 50%;
	height: 100%;
	background: linear-gradient(120deg, transparent, rgba(255, 255, 255, 0.55), transparent);
	transform: skewX(-20deg);
	animation: kp3a-shine 3.2s ease-in-out infinite;
}

.kp3a-promo-menu-item > a:hover,
.kp3a-promo-menu-item > a:focus {
	transform: translateY(-2px) scale(1.02);
	box-shadow: 0 8px 22px rgba(245, 25, 87, 0.55);
	filter: brightness(1.05);
	color: #ffffff !important;
}

.kp3a-promo-menu-item > a:active {
	transform: translateY(0) scale(0.98);
}

@keyframes kp3a-gradient-flow {
	0% { background-position: 0% 50%; }
	50% { background-position: 100% 50%; }
	100% { background-position: 0% 50%; }
}

@keyframes kp3a-pulse {
	0%, 100% { box-shadow: 0 4px 14px rgba(245, 25, 87, 0.45), 0 0 0 0 rgba(245, 25, 87, 0.5); }
	50% { box-shadow: 0 4px 14px rgba(245, 25, 87, 0.45), 0 0 0 8px rgba(245, 25, 87, 0); }
}

@keyframes kp3a-shine {
	0% { left: -75%; }
	40%, 100% { left: 125%; }
}

@media (prefers-reduced-motion: reduce) {
	.kp3a-promo-menu-item > a,
	.kp3a-promo-menu-item > a::before {
		animation: none !important;
	}
}