/**
 * LOCATOUT GF — boutons déclencheurs "Écrire sur WhatsApp" et "Appel
 * direct".
 *
 * Conçus pour s'aligner sur le bouton natif "Répondre à l'annonce" de
 * HivePress Messages : même classe de taille ("button--large", fournie
 * par HivePress lui-même), même hauteur/largeur/rayon que les boutons du
 * thème. Les deux variantes (WhatsApp / Appel direct) partagent
 * exactement la même structure et ne diffèrent que par leur couleur.
 */

.locatout-plus-action-trigger {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.5rem;

	position: relative;
	box-sizing: border-box;
	margin: 0;
	cursor: pointer;
	color: #fff !important;
	background: none;
	border: none;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	font: inherit;
	line-height: 1;
	vertical-align: middle;
	flex-shrink: 0;

	border-radius: var(--ios-inner-radius, 10px);

	-webkit-backdrop-filter: blur(6px);
	backdrop-filter: blur(6px);

	transition: transform 0.25s ease, box-shadow 0.25s ease, opacity 0.25s ease;
}

/* Corrige un artefact spécifique à Firefox : un `<button>` conserve un
   padding/bordure interne invisible (`::-moz-focus-inner`) même après
   `border: none`, ce qui déforme légèrement un bouton rond de petite
   taille comme la version "icon" ci-dessous. */
.locatout-plus-action-trigger::-moz-focus-inner {
	border: 0;
	padding: 0;
}

.locatout-plus-action-trigger:hover,
.locatout-plus-action-trigger:focus-visible {
	color: #fff;
	transform: translateY(-1px);
	opacity: 0.96;
}

/* Couleur WhatsApp. */
.locatout-plus-action-trigger--whatsapp {
	background-color: #25d366;
	background-image: linear-gradient(135deg, #25d366, #128c7e);
	box-shadow: 0 8px 20px rgba(37, 211, 102, 0.28);
}

.locatout-plus-action-trigger--whatsapp:hover,
.locatout-plus-action-trigger--whatsapp:focus-visible {
	box-shadow: 0 12px 26px rgba(37, 211, 102, 0.36);
}

/* Version "grande" (fiche détaillée) : mêmes proportions que le bouton
   natif ".button--large" de HivePress à côté duquel elle s'affiche. */
.locatout-plus-action-trigger--large {
	font-weight: 600;
	font-family: inherit;
	font-size: inherit;
}

.locatout-plus-action-trigger__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	line-height: 0;
}

.locatout-plus-action-trigger__icon svg {
	display: block;
}

/* Libellé visuellement masqué mais toujours lu par les lecteurs d'écran
   — défini ici par le plugin lui-même plutôt que de dépendre de la
   classe `.screen-reader-text` du thème actif. C'est justement l'absence
   de cette classe côté thème qui pouvait laisser le libellé complet
   s'afficher en clair, débordant et déformant le petit bouton rond des
   cartes d'annonces. */
.locatout-plus-action-trigger__sr-label {
	position: absolute !important;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	clip-path: inset(50%);
	white-space: nowrap;
	border: 0;
}

/* Version compacte (icône seule, carte d'annonce). Deux boutons "icon"
   (WhatsApp + Appel) côte à côte doivent rester alignés et espacés. */
.locatout-plus-action-trigger--icon {
	box-sizing: border-box;
	width: 2.25rem;
	height: 2.25rem;
	min-width: 2.25rem;
	min-height: 2.25rem;
	padding: 0;
	border-radius: 50%;
}

.locatout-plus-action-trigger--icon.locatout-plus-action-trigger--whatsapp {
	box-shadow: 0 4px 12px rgba(37, 211, 102, 0.3);
}

@media only screen and (max-width: 47.99em) {
	.locatout-plus-action-trigger--large {
		width: 100%;
	}
}