/* ====================================================================
   MDS MONTGOMERY MAP
   Everything scoped under .mds-map / .mds-region-section — safe to
   paste into the theme's style.css, or save as
   /assets/mds-map/mds-map.css to be auto-enqueued by the shortcode.
   ==================================================================== */

/* --------------------------------------------------------------------
   PART 1 — REQUIRED. The map and the show/hide mechanics.
   Do not remove this part.
   -------------------------------------------------------------------- */
.mds-map{
	--mds-deep:   #00568d;
	--mds-teal:   #0896bc;
	--mds-ice:    #c6eff4;
	--mds-orange: #faa61f;
	--mds-ink:    #0e2a3a;
}
.mds-map .mds-map-wrap{
	max-width:880px;
	margin:0 auto;
	padding:24px 16px 8px;
}
.mds-map #mds-map-svg{
	display:block;
	width:100%;
	height:auto;
}

/* Hit areas: fill:none paths don't get mouse events by default */
.mds-map #Mouse_Actions path{
	pointer-events:all;
	cursor:pointer;
}
.mds-map #Mouse_Actions path:focus-visible,
.mds-map #Mouse_Actions g:focus-visible path{
	outline:none;
	stroke:var(--mds-orange);
	stroke-width:4px;
}

/* Highlight layers: region fill below the roads, label text above */
.mds-map g[id$="-region"],
.mds-map g[id$="-label"]{
	display:inline !important;
	opacity:0;
	transition:opacity .18s ease;
	pointer-events:none;
}
.mds-map g[id$="-region"].is-on,
.mds-map g[id$="-label"].is-on{
	opacity:1;
}
@media (prefers-reduced-motion: reduce){
	.mds-map g[id$="-region"],
	.mds-map g[id$="-label"]{ transition:none; }
}

/* Sections (WPBakery rows with class mds-region-section):
   hidden by default, shown when JS adds .is-open */
.mds-region-section{ display:none; }
.mds-region-section.is-open{
	display:block;
	animation:mds-slide-in .25s ease;
}
@keyframes mds-slide-in{
	from{ opacity:0; transform:translateY(8px); }
	to  { opacity:1; transform:translateY(0); }
}
@media (prefers-reduced-motion: reduce){
	.mds-region-section.is-open{ animation:none; }
}

/* --------------------------------------------------------------------
   PART 2 — OPTIONAL. Title/hint above the map. Keep or restyle.
   -------------------------------------------------------------------- */
.mds-map .mds-title{
	font-size:clamp(1.3rem, 3vw, 1.8rem);
	color:var(--mds-deep);
	margin:0 0 4px;
}
.mds-map .mds-hint{
	margin:0 0 16px;
	font-size:.95rem;
	color:#3d6275;
}

/* --------------------------------------------------------------------
   PART 3 — OPTIONAL. "Card" look for the sections. DELETE this whole
   part if you style your sections in WPBakery instead.
   -------------------------------------------------------------------- */
.mds-region-section{
	/* border-left:6px solid #00568d; */
	/* background:#fff; */
	/* border-radius:0 10px 10px 0; */
	/* box-shadow:0 2px 10px rgba(0,86,141,.12); */
	/* padding:20px 24px; */
	/* margin:0 auto 24px; */
	/* max-width:880px; */
}
.mds-close-btn{
	margin-top:10px;
	border:none;
	background:#c6eff4;
	color:#00568d;
	font-weight:600;
	padding:8px 16px;
	border-radius:6px;
	cursor:pointer;
}
.mds-close-btn:hover{ background:#aee4ec; }