/* Vérifier ma zone — carte + modal */
.vz-wrap{
	--vz-cov:#f26a1b;      /* couvert */
	--vz-cov-h:#ff8a3a;
	--vz-unc:#252b34;      /* non couvert */
	--vz-unc-h:#313a47;
	--vz-line:#141414;
	--vz-ink:#1c2430;
	--vz-orange:#f26a1b;
	max-width:760px;
	margin:0 auto;
	font-family:inherit;
	color:var(--vz-ink);
}

.vz-map-holder{position:relative}
.vz-wrap svg.map{width:100%;height:auto;display:block}
.vz-wrap .dep{
	fill:var(--vz-unc);
	stroke:var(--vz-line);
	stroke-width:1;
	stroke-linejoin:round;
	cursor:pointer;
	transition:fill .12s ease;
	outline:none;
}
.vz-wrap .dep:hover,
.vz-wrap .dep:focus-visible{fill:var(--vz-unc-h)}
.vz-wrap .dep.is-covered{fill:var(--vz-cov)}
.vz-wrap .dep.is-covered:hover,
.vz-wrap .dep.is-covered:focus-visible{fill:var(--vz-cov-h)}
.vz-wrap .dep:focus-visible{stroke:var(--vz-ink);stroke-width:2.4}

.vz-legende{
	display:flex;flex-wrap:wrap;gap:8px 20px;justify-content:center;
	font-size:14px;color:#fff;margin:12px 0 0
}
.vz-swatch{display:inline-block;width:13px;height:13px;border-radius:3px;vertical-align:-1px;margin-right:6px}
.vz-swatch--cov{background:var(--vz-cov)}
.vz-swatch--unc{background:var(--vz-unc);border:1px solid #c3c9d3}

/* Infobulle */
.vz-tip{
	position:fixed;z-index:1000;pointer-events:none;
	background:var(--vz-ink);color:#fff;font-size:13px;font-weight:600;
	padding:6px 10px;border-radius:8px;white-space:nowrap;
	transform:translate(-50%,-135%);opacity:0;transition:opacity .1s;
	box-shadow:0 4px 16px rgba(16,24,40,.18)
}
.vz-tip small{font-weight:500;opacity:.85}

/* Modal */
.vz-modal{position:fixed;inset:0;z-index:1001;display:flex;align-items:center;justify-content:center;padding:16px}
.vz-modal[hidden]{display:none}
.vz-modal__backdrop{position:absolute;inset:0;background:rgba(10,14,20,.55)}
.vz-modal__panel{
	position:relative;background:#fff;border-radius:14px;max-width:520px;width:100%;
	max-height:90vh;overflow:auto;padding:26px 24px;
	box-shadow:0 20px 60px rgba(0,0,0,.3);
	animation:vz-pop .16s ease
}
@keyframes vz-pop{from{transform:translateY(8px);opacity:0}to{transform:none;opacity:1}}
.vz-modal__close{
	position:absolute;top:10px;right:12px;border:0;background:transparent;
	font-size:28px;line-height:1;color:#8a94a3;cursor:pointer;padding:2px 6px
}
.vz-modal__close:hover{color:var(--vz-ink)}
.vz-modal__title{margin:0 0 8px;font-size:20px;color:var(--vz-ink);padding-right:24px}
.vz-modal__lead{margin:0 0 16px;font-size:14.5px;line-height:1.5;color:#4b5563}
.vz-warn{color:#bc4c00;font-size:14px}

body.vz-modal-open{overflow:hidden}

@media (max-width:520px){
	.vz-modal__panel{padding:22px 16px}
	.vz-legende{font-size:13px}
}