/**
 * SEO Local Generator — Styles frontend
 * Section maillage interne : "Nos interventions à proximité"
 * Injectée via wp_footer (PHP pur, indépendant d'Elementor).
 */

/* ─── Conteneur de la section (wp_footer) ────────────────────────── */
.slg-maillage-section {
	width: 100%;
	background: #f4f6f9;
	padding: 50px 20px;
	box-sizing: border-box;
}

/* ─── Conteneur interne (centré, max-width) ─────────────────────── */
.slg-maillage-interne {
	max-width: 1140px;
	margin: 0 auto;
	padding: 0;
	font-family: inherit;
}

/* ─── Titre de section ───────────────────────────────────────────── */
.slg-maillage-title {
	font-size: 1.35rem !important;
	font-weight: 700 !important;
	color: #1a1a2e !important;
	margin: 0 0 24px !important;
	padding-bottom: 12px !important;
	border-bottom: 2px solid #e2e8f0 !important;
	line-height: 1.4 !important;
	text-transform: none !important;
	letter-spacing: normal !important;
}

/* ─── Liste de villes ─────────────────────────────────────────────── */
.slg-villes-liste {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 10px !important;
	list-style: none !important;
	padding: 0 !important;
	margin: 0 !important;
}

.slg-villes-liste li {
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
	background: none !important;
}

.slg-villes-liste li::before,
.slg-villes-liste li::after {
	display: none !important;
	content: none !important;
}

/* ─── Liens / boutons ─────────────────────────────────────────────── */
.slg-villes-liste a {
	display: inline-block !important;
	padding: 8px 16px !important;
	background-color: #ffffff !important;
	color: #1e40af !important;
	border: 1px solid #bfdbfe !important;
	border-radius: 6px !important;
	font-size: 14px !important;
	font-weight: 500 !important;
	text-decoration: none !important;
	line-height: 1.4 !important;
	transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease !important;
	white-space: nowrap !important;
	box-shadow: 0 1px 3px rgba(0,0,0,0.06) !important;
}

.slg-villes-liste a:hover,
.slg-villes-liste a:focus {
	background-color: #1e40af !important;
	color: #ffffff !important;
	border-color: #1e40af !important;
	text-decoration: none !important;
	box-shadow: 0 4px 8px rgba(30,64,175,0.2) !important;
	outline: none !important;
}

/* ─── Responsive ─────────────────────────────────────────────────── */
@media (max-width: 768px) {
	.slg-maillage-section {
		padding: 36px 16px;
	}
	.slg-maillage-title {
		font-size: 1.15rem !important;
	}
}

@media (max-width: 480px) {
	.slg-villes-liste {
		gap: 8px !important;
	}
	.slg-villes-liste a {
		font-size: 13px !important;
		padding: 7px 12px !important;
	}
}