/*
 * Cassajou Piscine — bouton de l'assistant en ligne.
 * Feuille chargée seulement quand un agent Chatbase est configuré.
 * Hors build Tailwind, comme design-pass.css.
 */

/* Mêmes cote, rayon, ombre et couleur que la bulle Chatbase (55 px, 7 px, 16 px
 * du bord, bleu piscine #0072ab réglé dans Chatbase le 13/10/2026), pour que la
 * relève ne se voie pas. Blanc sur #0072ab : 5,3:1. */
.cassajou-chat-launcher {
	position: fixed;
	right: 1rem;
	bottom: 1rem;
	z-index: 35;
	display: inline-flex;
	align-items: center;
	gap: 0.75rem;
	min-height: 55px;
	padding: 0 1.25rem 0 1.125rem;
	border: 0;
	border-radius: 7px;
	background-color: #0072ab;
	color: #fff;
	font-family: var(--font-sans);
	font-size: 1rem;
	font-weight: 500;
	box-shadow: 0 4px 8px rgb(0 0 0 / 0.2);
	cursor: pointer;
	transition: background-color 0.2s ease;
}

.cassajou-chat-launcher[hidden] {
	display: none;
}

.cassajou-chat-launcher:hover {
	background-color: #00659a;
}

.cassajou-chat-launcher:focus-visible {
	outline: 2px solid var(--color-accent);
	outline-offset: 3px;
}

.cassajou-chat-launcher[aria-busy="true"] {
	cursor: progress;
	opacity: 0.85;
}

.cassajou-chat-launcher__icon {
	width: 1.25rem;
	height: 1.25rem;
	flex: none;
}

/* Mobile : bouton rond, au-dessus de la barre Appeler / Devis. */
@media (max-width: 767px) {
	.cassajou-chat-launcher {
		bottom: calc(5.25rem + env(safe-area-inset-bottom));
		width: 55px;
		padding: 0;
		justify-content: center;
	}

	.cassajou-chat-launcher__label {
		position: absolute;
		width: 1px;
		height: 1px;
		overflow: hidden;
		clip-path: inset(50%);
		white-space: nowrap;
	}

	/* La bulle Chatbase reprend la même place. */
	#chatbase-bubble-button {
		bottom: calc(5.25rem + env(safe-area-inset-bottom)) !important;
	}
}

@media (prefers-reduced-motion: reduce) {
	.cassajou-chat-launcher {
		transition: none;
	}
}

@media print {
	.cassajou-chat-launcher,
	#chatbase-bubble-button,
	#chatbase-bubble-window {
		display: none !important;
	}
}