/* "Vous êtes le propriétaire ?" claim CTA on the single listing page
   (.claim-badge / .claim-listing-button, from Listeo Core's
   single-listing-claim.php). Purement visuel — le balisage, les liens et le
   comportement popup du thème ne sont pas touchés.

   Parti pris : carte claire plutôt que bouton corail plein. Le dégradé
   précédent imposait du texte blanc sur fond saturé, peu lisible pour deux
   lignes de texte ; ici le texte est foncé sur blanc (contraste franc) et
   c'est l'icône + le liseré qui portent la couleur de marque. */
.claim-badge {
	margin: 20px 0;
}

.claim-badge .claim-listing-button {
	display: flex;
	align-items: center;
	gap: 14px;
	padding: 16px 18px;
	border: 1px solid #f0e2de;
	border-radius: 14px;
	background: #fff;
	/* Ombre à deux couches : une ombre courte très douce pour décoller la
	   carte du fond, une plus large et colorée pour lui donner du relief sans
	   l'alourdir d'un trait sombre. */
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06), 0 10px 26px rgba(239, 138, 117, 0.18);
	color: #6f6f6f;
	text-decoration: none;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.45;
	transition: border-color 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease;
}

.claim-badge .claim-listing-button:hover,
.claim-badge .claim-listing-button:focus-visible {
	border-color: #ef8a75;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.07), 0 16px 34px rgba(239, 138, 117, 0.32);
	transform: translateY(-3px);
	color: #6f6f6f;
}

/* Le gabarit sort un <i class="sl sl-icon-question"> : le point
   d'interrogation ne dit rien de l'action ("revendiquer son établissement").
   On neutralise la glyphe de la police d'icônes (font-size:0) et on peint à
   la place une icône de devanture en fond, dans une pastille corail pâle. */
.claim-badge .claim-listing-button i {
	position: relative;
	flex: 0 0 44px;
	width: 44px;
	height: 44px;
	border-radius: 50%;
	background-color: #fdeeea;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ef8a75' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.5 9.5 5 4.5h14l1.5 5'/%3E%3Cpath d='M4.5 9.5V19a1 1 0 0 0 1 1h13a1 1 0 0 0 1-1V9.5'/%3E%3Cpath d='M3.5 9.5a2.8 2.8 0 0 0 5.7 0 2.8 2.8 0 0 0 5.7 0 2.8 2.8 0 0 0 5.6 0'/%3E%3Cpath d='M9.8 20v-5h4.4v5'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 22px 22px;
	font-size: 0;
}

/* Onde qui s'échappe de la pastille, pour attirer l'œil sur un CTA qui n'est
   ni en haut de page ni dans le flux de lecture principal. Volontairement
   lente et discrète (opacité max 0.5) : c'est un rappel, pas un clignotant.

   Portée par ::after et non ::before : les polices d'icônes (ici "sl") posent
   leur glyphe sur ::before, qu'on ne veut pas écraser.

   NB : `animation` seule ne peut pas produire d'écho permanent ici, l'élément
   est unique — l'effet vient de la boucle infinie sur scale + opacity. */
.claim-badge .claim-listing-button i::after {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: 50%;
	border: 2px solid #ef8a75;
	animation: lx-claim-pulse 2.8s ease-out infinite;
	pointer-events: none;
}

/* Au survol, l'utilisateur a déjà repéré la carte : l'onde n'a plus d'utilité
   et concurrencerait l'effet de survol. */
.claim-badge .claim-listing-button:hover i::after {
	animation-play-state: paused;
	opacity: 0;
}

@keyframes lx-claim-pulse {
	0% {
		transform: scale(1);
		opacity: 0.5;
	}
	70% {
		transform: scale(1.5);
		opacity: 0;
	}
	100% {
		transform: scale(1.5);
		opacity: 0;
	}
}

/* Respecte le réglage système « réduire les animations ». */
@media (prefers-reduced-motion: reduce) {
	.claim-badge .claim-listing-button i::after {
		animation: none;
		opacity: 0;
	}

	.claim-badge .claim-listing-button {
		transition: none;
	}
}

/* Première phrase ("Vous êtes le propriétaire ?"), isolée sur sa propre ligne
   par assets/js/claim-listing-cta.js. */
.claim-badge .claim-listing-button .lx-claim-cta-title {
	display: block;
	margin-bottom: 3px;
	color: #2f2f2f;
	font-size: 16px;
	font-weight: 700;
}

/* Chevron d'affordance à droite : indique que la carte est cliquable, sans
   ajouter de texte. */
.claim-badge .claim-listing-button span {
	flex: 1 1 auto;
}

.claim-badge .claim-listing-button::after {
	content: "";
	flex: 0 0 8px;
	width: 8px;
	height: 8px;
	margin-right: 4px;
	border-top: 2px solid #ef8a75;
	border-right: 2px solid #ef8a75;
	transform: rotate(45deg);
	transition: transform 0.2s ease;
}

.claim-badge .claim-listing-button:hover::after {
	transform: rotate(45deg) translate(2px, -2px);
}