/* =========================================================
   BAY ISOL — custom.css
   Header sticky / bouton flottant mobile / bandeau confiance
   ========================================================= */

:root {
	--bayisol-primary: #e8650d;   /* Orange CTA — à ajuster selon la charte */
	--bayisol-dark:    #1d2430;
	--bayisol-light:   #ffffff;
}

/* ---------- 1. Header sticky ----------
   Appliquer la classe .bayisol-header au conteneur header
   (Elementor : Avancé > Identifiants CSS) */
.bayisol-header {
	position: sticky;
	top: 0;
	z-index: 999;
	background: var(--bayisol-light);
	transition: box-shadow .25s ease;
}
.bayisol-header.is-scrolled {
	box-shadow: 0 2px 14px rgba(0, 0, 0, .12);
}

/* ---------- 2. Bouton flottant mobile (tel:) ---------- */
.bayisol-call-fab {
	display: none;
}
@media (max-width: 768px) {
	.bayisol-call-fab {
		position: fixed;
		bottom: 16px;
		left: 16px;
		right: 16px;
		z-index: 998;
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 10px;
		padding: 14px 20px;
		background: var(--bayisol-primary);
		color: var(--bayisol-light);
		font-weight: 700;
		font-size: 17px;
		text-decoration: none;
		border-radius: 50px;
		box-shadow: 0 4px 16px rgba(0, 0, 0, .25);
	}
	.bayisol-call-fab:active {
		transform: scale(.98);
	}
	/* Éviter que le bouton recouvre le contenu en bas de page */
	body {
		padding-bottom: 80px;
	}
}

/* ---------- 3. Bandeau de confiance ---------- */
.bayisol-trustbar {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 28px;
	padding: 10px 16px;
	background: #f5f6f8;
}
.bayisol-trustbar img {
	height: 42px;
	width: auto;
}
@media (max-width: 768px) {
	.bayisol-trustbar { gap: 16px; }
	.bayisol-trustbar img { height: 32px; }
}

/* ---------- 4. Accessibilité / divers ---------- */
@media (prefers-reduced-motion: reduce) {
	.bayisol-header,
	.bayisol-call-fab {
		transition: none;
	}
}