.ebhj-wrapper {
	--ebhj-inactiv-fill: #eef0ee;
	--ebhj-inactiv-stroke: #d7d9d6;
	--ebhj-activ-fill: #24A955;
	--ebhj-activ-hover: #1D8A45;
	--ebhj-neighbor-fill: #eef0ee;
	--ebhj-neighbor-stroke: #d7d9d6;
	--ebhj-bg-fill: #f6f6f4;
	--ebhj-sea-fill: #dbe6e8;
	--ebhj-label-color: #70757a;
	--ebhj-romania-label-color: #3c4043;
	--ebhj-tooltip-bg: #1a1a1a;
	--ebhj-tooltip-color: #ffffff;
	--ebhj-stat-color: #1a1a1a;
	--ebhj-font: SilkaBold, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;

	position: relative !important;
	width: 100vw !important;
	max-width: 100vw !important;
	margin-left: calc(50% - 50vw) !important;
	margin-right: calc(50% - 50vw) !important;
}

.ebhj-toolbar {
	position: absolute;
	top: 12px;
	right: 12px;
	z-index: 3;
	display: flex;
	gap: 6px;
}

.ebhj-btn {
	width: 36px;
	height: 36px;
	border: none;
	border-radius: 6px;
	background: rgba(255, 255, 255, 0.95);
	box-shadow: 0 1px 4px rgba(60, 64, 67, 0.25);
	font-size: 16px;
	line-height: 1;
	cursor: pointer;
	color: #3c4043;
	transition: background 0.15s ease;
}

.ebhj-btn:hover {
	background: #ffffff;
}

.ebhj-btn[data-ebhj-reset] {
	width: auto;
	padding: 0 14px;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.02em;
	text-transform: uppercase;
}

/* Bloc statistică — overlay HTML, folosit DOAR pe harta simplă (fără vecini).
   Pe harta lată (cu vecini) statistica e injectată direct în SVG, mai jos. */
/* !important pe proprietățile critice de poziționare/tipografie, ca tema
   site-ului să nu poată suprascrie accidental layout-ul (multe teme WP au
   reguli generice de tipul ".content div { ... }" cu specificitate mare). */
.ebhj-stat {
	position: absolute !important;
	top: 24px !important;
	left: 24px !important;
	z-index: 3 !important;
	pointer-events: none;
	user-select: none;
	color: var(--ebhj-stat-color) !important;
	max-width: 260px;
	margin: 0 !important;
	padding: 0 !important;
	font-family: var(--ebhj-font) !important;
}

.ebhj-stat-number {
	font-size: 110px !important;
	font-weight: 700 !important;
	line-height: 0.9 !important;
	letter-spacing: -0.02em;
	margin: 0 0 4px 0 !important;
	padding: 0 !important;
	color: inherit !important;
}

.ebhj-stat-label-bottom {
	font-size: 26px !important;
	font-weight: 700 !important;
	line-height: 1.15 !important;
	text-transform: uppercase;
	margin: 4px 0 0 0 !important;
	padding: 0 !important;
	color: inherit !important;
	white-space: pre-line;
}

@media (max-width: 1000px) {
	.ebhj-stat-number {
		font-size: 84px !important;
	}
	.ebhj-stat-label-bottom {
		font-size: 20px !important;
	}
}

@media (max-width: 640px) {
	.ebhj-stat {
		top: 14px !important;
		left: 14px !important;
		max-width: 170px;
	}
	.ebhj-stat-number {
		font-size: 64px !important;
	}
	.ebhj-stat-label-bottom {
		font-size: 17px !important;
	}
}

.ebhj-map-viewport {
	position: relative;
	width: 100%;
	overflow: hidden;
	touch-action: none;
	cursor: grab;
	border-radius: 8px;
	box-shadow: 0 1px 6px rgba(60, 64, 67, 0.2);
	background: var(--ebhj-bg-fill);
}

.ebhj-map-viewport.is-dragging {
	cursor: grabbing;
}

.ebhj-svg {
	display: block;
	width: 100%;
	height: auto;
	user-select: none;
}

/* Fundal general — acoperă orice zonă neinclusă în poligoanele de țară
   (ex. mici goluri de coastă), neutru, tip Google Maps. */
.ebhj-bg {
	fill: var(--ebhj-bg-fill);
}

/* Marea Neagră, randată din date geografice reale, ton discret. */
.ebhj-sea {
	fill: var(--ebhj-sea-fill);
}

.ebhj-judet {
	stroke: var(--ebhj-inactiv-stroke);
	stroke-width: 1.4;
	fill: var(--ebhj-inactiv-fill);
	transition: fill 0.15s ease;
	outline: none;
}

.ebhj-judet.ebhj-activ {
	fill: var(--ebhj-activ-fill);
	stroke: #ffffff;
	stroke-width: 1.6;
	cursor: pointer;
}

.ebhj-judet.ebhj-activ:hover,
.ebhj-judet.ebhj-activ:focus-visible {
	fill: var(--ebhj-activ-hover);
}

.ebhj-judet.ebhj-inactiv {
	cursor: default;
}

/* Conturul plin al României, sub județe — acoperă orice mică nepotrivire
   la marginea dintre poligoanele individuale ale județelor și granița reală. */
.ebhj-ro-base {
	fill: var(--ebhj-inactiv-fill);
	stroke: var(--ebhj-inactiv-stroke);
	stroke-width: 1.4;
}

/* Țările vecine — context geografic, needecorativ, fără interacțiune,
   stil unificat cu România (diferențiere doar prin contur, ca pe Google Maps). */
.ebhj-neighbor {
	fill: var(--ebhj-neighbor-fill);
	stroke: var(--ebhj-neighbor-stroke);
	stroke-width: 1.4;
	pointer-events: none;
}

/* Etichete cu numele țărilor vecine */
.ebhj-country-label {
	font-family: var(--ebhj-font);
	fill: var(--ebhj-label-color);
	text-anchor: middle;
	font-weight: 500;
	pointer-events: none;
	user-select: none;
}

.ebhj-label-lg {
	font-size: 40px;
}

.ebhj-label-md {
	font-size: 34px;
}

.ebhj-label-sm {
	font-size: 26px;
}

/* Eticheta României — mai proeminentă */
.ebhj-romania-label {
	font-family: var(--ebhj-font);
	fill: var(--ebhj-romania-label-color);
	text-anchor: middle;
	font-weight: 700;
	font-size: 56px;
	pointer-events: none;
	user-select: none;
}

.ebhj-tooltip {
	position: absolute;
	top: 0;
	left: 0;
	transform: translate(-50%, -130%);
	background: var(--ebhj-tooltip-bg);
	color: var(--ebhj-tooltip-color);
	padding: 5px 12px;
	border-radius: 6px;
	font-size: 13px;
	font-weight: 500;
	white-space: nowrap;
	pointer-events: none;
	z-index: 5;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

.ebhj-tooltip::after {
	content: '';
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
	border: 5px solid transparent;
	border-top-color: var(--ebhj-tooltip-bg);
}

.ebhj-tooltip[hidden] {
	display: none;
}

/* Statistică injectată direct în SVG (harta lată, cu vecini) — dimensiuni
   calibrate ca fracțiune din viewBox, astfel încât se scalează perfect
   proporțional cu harta, la orice lățime. font-size aici e interpretat de
   browser ca unități SVG (user units), NU ca px CSS reale — nu confundați
   cu clasele .ebhj-stat-* de mai sus, folosite pentru overlay-ul HTML
   (fallback pe harta simplă, fără vecini). */
.ebhj-svgstat-number {
	font-family: var(--ebhj-font);
	font-weight: 700;
	font-size: 490px;
	fill: #1a1a1a;
	letter-spacing: -8px;
}

.ebhj-svgstat-label-bottom {
	font-family: var(--ebhj-font);
	font-weight: 700;
	font-size: 58px;
	fill: #1a1a1a;
	text-transform: uppercase;
}