/* Melimel - icone tchat dans l'en-tete.
   Toutes les classes de ce fichier sont dans wp_rocket_settings['remove_unused_css_safelist'] :
   sans cela, RUCSS supprime ce CSS pour les visiteuses anonymes et l'icone s'affiche nue. */

.mm-chat-trigger {
	width: 38px;
	height: 38px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	border: none;
	background: transparent;
	color: var(--c-charcoal, #2b2b2b);
	transition: color .2s, background .2s;
	position: relative;
	border-radius: 2px;
	padding: 0;
	flex-shrink: 0;
}

.mm-chat-trigger:hover,
.mm-chat-trigger:focus-visible {
	color: var(--c-gold-dk, #9a7b3f);
	background: var(--c-smoke, #f5f3f0);
}

.mm-chat-trigger svg {
	width: 18px !important;
	height: 18px !important;
	max-width: 18px !important;
	max-height: 18px !important;
	stroke: currentColor !important;
	fill: none !important;
	stroke-width: 1.5 !important;
	display: inline-block !important;
	overflow: visible !important;
}

/* Etat d'attente pendant le telechargement du script Tidio (1re ouverture seulement). */
.mm-chat-loading .mm-chat-trigger {
	opacity: .55;
	cursor: progress;
}

.mm-chat-loading .mm-chat-trigger svg {
	animation: mm-chat-pulse 1s ease-in-out infinite;
}

@keyframes mm-chat-pulse {
	0%, 100% { opacity: 1; }
	50%      { opacity: .35; }
}

/* Ecrans etroits : on resserre l'espacement plutot que de masquer une action. */
@media (max-width: 480px) {
	.mm-chat-trigger {
		width: 34px;
		height: 34px;
	}
}