/* ============================================================
   Mapa público + marcadores
   ============================================================ */

/* Pino brutalista (divIcon) por categoria */
.fachadas-pin {
	width: 26px;
	height: 26px;
	border-radius: 50%;
	border: 3px solid var(--branco);
	box-shadow: 0 0 0 1px var(--preto), 0 2px 5px rgba(0, 0, 0, .3);
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--branco);
	font-weight: 700;
	font-size: 11px;
}
.fachadas-pin--cabos-janelas { background: var(--pin-janelas); }
.fachadas-pin--cabos-azulejo { background: var(--pin-azulejo); }
.fachadas-pin--cabos-arte { background: var(--pin-arte); }
.fachadas-pin--emaranhados { background: var(--pin-emaranhados); }

/* Mapa fullscreen overlay */
.mapa-fs {
	position: fixed;
	inset: 0;
	z-index: 9990;
	display: flex;
	flex-direction: column;
	background: #fff;
}
.mapa-fs[hidden] { display: none; }

.mapa-fs__bar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	background: var(--preto);
	color: var(--amarelo);
	padding: 10px 16px;
	flex: 0 0 auto;
	border-bottom: 2px solid var(--amarelo);
}
.mapa-fs__title {
	font-weight: 700;
	text-transform: uppercase;
	font-size: 13px;
	letter-spacing: .5px;
}
.mapa-fs__close {
	background: transparent;
	border: 1px solid var(--amarelo);
	color: var(--amarelo);
	font-size: 22px;
	line-height: 1;
	cursor: pointer;
	padding: 2px 8px;
	font-family: inherit;
}
.mapa-fs__close:hover { background: var(--amarelo); color: var(--preto); }
.mapa-fs__canvas {
	flex: 1;
	width: 100%;
	min-height: 0;
}
body.map-fs-open { overflow: hidden; }

/* Popup */
.leaflet-popup-content-wrapper {
	border-radius: 0;
	border: 1px solid var(--preto);
	box-shadow: var(--shadow-preta-sm);
}
.fachadas-popup__img {
	width: 100%;
	max-width: 220px;
	border: 1px solid var(--preto);
	margin-bottom: 8px;
}
.fachadas-popup__cat {
	font-weight: 700;
	text-transform: uppercase;
	font-size: 12px;
	display: inline-block;
	margin-bottom: 4px;
}
.fachadas-popup__desc { font-size: 13px; margin: 0 0 8px; }
.fachadas-popup__link {
	display: inline-block;
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	color: var(--preto);
	text-decoration: none;
	border-bottom: 1px solid var(--preto);
}

/* Controlos Leaflet em estilo brutalista */
.leaflet-bar a {
	border-radius: 0 !important;
	background: var(--amarelo);
	color: var(--preto);
	border-bottom: 1px solid var(--preto);
	font-weight: 700;
}
.leaflet-bar a:hover { background: #ffc933; }