/* Page Contact dédiée (includes/page_contact.inc.php, type de page "contact") —
   extrait des deux <style> inline de la page (2026-09-29). Règles mortes non
   reprises (.contact-section, .contact-content, .contact-title-side,
   .contact-intro, .contact-social-*, .contact-hero : aucun élément dans la
   page). La section Contact de l'accueil a son propre fichier : contact.css.
   Chargé uniquement sur ce type de page (includes/assets_register.inc.php). */

.uw-contact-page-section {
	min-height: 250px;
}

/* Colonnes infos / formulaire de même hauteur (remplace d-flex + w-100) */
.uw-contact-page-col {
	display: flex;
}

.uw-contact-page-col > * {
	width: 100%;
}

.uw-contact-page-title {
	margin-bottom: 30px;
}

.uw-contact-page-form {
	padding: 1.5rem;
}

.uw-contact-page-form .uw-alert {
	margin-bottom: 20px;
}

/* ── Infos de contact (colonne gauche) ── */
.contact-info-wrapper {
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	padding-left: 2.5rem;
	padding-right: 2.5rem;
}

.contact-info-list {
	list-style: none;
	padding: 0;
	margin: 3rem 0 0;
	display: flex;
	flex-direction: column;
	gap: 1.6rem;
}

.contact-info-item {
	display: flex;
	align-items: flex-start;
	gap: 1rem;
}

.contact-info-icon {
	flex-shrink: 0;
	width: 40px;
	height: 40px;
	border-radius: 999px;
	background: var(--couleur);
	display: flex;
	align-items: center;
	justify-content: center;
}

.contact-info-icon svg {
	width: 18px;
	height: 18px;
	color: #fff;
}

.contact-info-label {
	display: block;
	font-size: 0.75rem;
	font-weight: 700;
	letter-spacing: 0.08em;
	margin-bottom: 0.2rem;
}

.contact-info-value {
	display: block;
	font-size: 0.95rem;
	line-height: 1.6;
}

.contact-info-link {
	text-decoration: none;
	transition: opacity .2s;
}

.contact-info-link:hover {
	opacity: 0.75;
}

/* ── Carte Google pleine largeur ── */
.uw-contact-map iframe {
	display: block;
	border: 0;
}

.google-map-filtered {
	filter: grayscale(100%) contrast(110%) brightness(95%) saturate(80%);
	transition: filter 0.3s ease;
}

.google-map-filtered:hover {
	filter: grayscale(0%) contrast(100%) brightness(100%) saturate(100%);
}

@media (max-width: 991px) {
	.contact-info-wrapper {
		padding: 2rem 1.5rem;
	}
}