/* Mapa MapLibre (warianty A/B) — kontener + dymek */
.tsad-maplibre {
	width: 100%;
	height: 560px;
	border-radius: 16px;
	overflow: hidden;
}

@media (max-width: 768px) {
	.tsad-maplibre { height: 420px; }
}

/* W sekcji „O nas — Mapa" rozmiar 1:1 z główną mapą (.mapa__leaflet). */
.mapa .tsad-maplibre { max-width: 1280px; height: 738px; border-radius: 30px; }
@media (max-width: 768px) {
	.mapa .tsad-maplibre { height: 376px; border-radius: 20px; }
}

.tsad-ml-popup .maplibregl-popup-content {
	border-radius: 24px;
	padding: 16px 20px;
	min-width: 240px;
	font-family: "Nunito Sans", system-ui, sans-serif;
	box-shadow: 0 12px 32px rgba(18, 58, 49, .22);
}

/* Przycisk zamknięcia (X) — okrągły, w prawym górnym rogu. */
.tsad-ml-popup .maplibregl-popup-close-button {
	top: 8px;
	right: 8px;
	width: 26px;
	height: 26px;
	padding: 0;
	border-radius: 50%;
	font-size: 20px;
	line-height: 26px;
	text-align: center;
	color: #123a31;
	background: transparent;
	transition: background-color .18s ease, color .18s ease;
}
.tsad-ml-popup .maplibregl-popup-close-button:hover {
	background: #eef6d9;
	color: #018043;
}
/* Bez obwódki fokusu (MapLibre nadaje fokus X przy otwarciu dymka). */
.tsad-ml-popup .maplibregl-popup-close-button:focus,
.tsad-ml-popup .maplibregl-popup-close-button:focus-visible {
	outline: none;
	box-shadow: none;
}

.tsad-ml-popup__title { margin: 0; padding-right: 24px; font-size: 14px; line-height: 1.35; font-weight: 400; color: #000; }

/* Projekty jako kolorowe „pigułki" (paleta marki). */
.tsad-ml-popup__projects { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 10px; }
.tsad-ml-popup__proj {
	display: inline-flex;
	align-items: center;
	padding: 7px 15px;
	border-radius: 30px;
	font-size: 12px;
	font-weight: 400;
	line-height: 1.2;
	white-space: nowrap;
	color: #000;
	background: #e2e4e2; /* domyślny (nieznany kod projektu) */
}
.tsad-ml-popup__proj--TS   { background: #b8dde2; } /* Tradycyjny Sad */
.tsad-ml-popup__proj--PNS  { background: #f7da32; } /* Postaw na Słońce */
.tsad-ml-popup__proj--AFB  { background: #95c11f; } /* Akademia Fundacji BOŚ */
.tsad-ml-popup__proj--ZJWW { background: #b8dde2; } /* Zdrowo Jem, Więcej Wiem */

/* ---- Kontrolki mapy — spójne z marką (zieleń fundacji) ---- */
.tsad-maplibre .maplibregl-ctrl-group {
	border: none;
	border-radius: 12px;
	overflow: hidden;
	background: #fff;
	box-shadow: 0 4px 14px rgba(18, 58, 49, .25);
}
.tsad-maplibre .maplibregl-ctrl-group button {
	width: 36px;
	height: 36px;
	background-color: #fff;
}
.tsad-maplibre .maplibregl-ctrl-group button + button {
	border-top: 1px solid #e2e4e2;
}
.tsad-maplibre .maplibregl-ctrl-group button:hover {
	background-color: #eef6d9; /* delikatny zielony hover */
}
.tsad-maplibre .maplibregl-ctrl-group button:focus,
.tsad-maplibre .maplibregl-ctrl-group button:focus-visible {
	box-shadow: inset 0 0 0 2px #95c11f;
}

/* Zielone ikony (--dark-green #018043) */
.tsad-maplibre .maplibregl-ctrl-zoom-in .maplibregl-ctrl-icon {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M10 5v10M5 10h10' stroke='%23018043' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
}
.tsad-maplibre .maplibregl-ctrl-zoom-out .maplibregl-ctrl-icon {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M5 10h10' stroke='%23018043' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
}
.tsad-maplibre .maplibregl-ctrl-fullscreen .maplibregl-ctrl-icon {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M4 7V4h3M13 4h3v3M16 13v3h-3M7 16H4v-3' fill='none' stroke='%23018043' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.tsad-maplibre .maplibregl-ctrl-shrink .maplibregl-ctrl-icon {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M7 4v3H4M16 7h-3V4M13 16v-3h3M4 13h3v3' fill='none' stroke='%23018043' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.tsad-maplibre .maplibregl-ctrl-compass .maplibregl-ctrl-icon {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M10 3l3.5 9L10 10l-3.5 2z' fill='%23018043'/%3E%3C/svg%3E");
}

/* Atrybucja (© OpenStreetMap · Protomaps) */
.tsad-maplibre .maplibregl-ctrl-attrib {
	background: rgba(255, 255, 255, .85);
	border-radius: 10px 0 0 0;
	font-family: "Nunito Sans", system-ui, sans-serif;
	font-size: 11px;
}
.tsad-maplibre .maplibregl-ctrl-attrib a { color: #018043; }
.tsad-maplibre .maplibregl-ctrl-attrib-button {
	background-color: rgba(255, 255, 255, .9);
	border-radius: 50%;
}