/* ===============================================
   BARRE FLOTTANTE DE BASCULEMENT MODE
   ===============================================
   Styles pour la barre de basculement entre
   Immobilier (bleu) et Services (vert)
   
   Note: La plupart des styles sont maintenant gérés
   par TailwindCSS dans le template. Ce fichier contient
   uniquement les styles personnalisés nécessaires.
*/

/* Assurer que bottom-4 fonctionne même si TailwindCSS n'est pas recompilé */
#floating-mode-switcher {
	bottom: 1rem; /* Équivalent à bottom-4 (16px) */
	/* Transition pour les animations de scroll */
	transition: transform 300ms ease-in-out, opacity 300ms ease-in-out;
}

/* Animation slide pour le changement de mode */
#btnModeImmobilier.active,
#btnModeServices.active {
	animation: slideIn 0.3s ease-in-out;
}

@keyframes slideIn {
	0% {
		transform: scale(0.95);
		opacity: 0.8;
	}
	50% {
		transform: scale(1.02);
	}
	100% {
		transform: scale(1);
		opacity: 1;
	}
}

/* Masquer la barre lors du scroll vers le bas */
#floating-mode-switcher.switcher-hidden {
	transform: translateY(calc(100% + 1rem)) translateX(-50%);
	opacity: 0;
	pointer-events: none; /* Désactiver les interactions quand masquée */
}

/* Masquer la barre si nécessaire (pour certaines pages) */
#floating-mode-switcher.hidden {
	transform: translateY(100%) translateX(-50%);
}