/* /stanice/ v3 — hub „Vedrina 2" (inc/stations/vm-stanice-hub.php). Mapa i lista zadržavaju svoj markup; ovde samo uklapanje u kartice. v3.0 2026-10-14 */

/* Prstenovi-linkovi u heroju */
#vm-sth a.vm-sth-ringlink { --sx-c: var(--sx-ink); transition: transform .18s ease, box-shadow .18s ease; }
#vm-sth a.vm-sth-ringlink:hover { transform: translateY(-2px); box-shadow: 0 12px 24px -16px rgba(37, 99, 235, .6); text-decoration: none !important; }
#vm-sth a.vm-sth-ringlink .vm-sx-ringbox__t { --sx-c: var(--sx-soft); }
#vm-sth a.vm-sth-ringlink .vm-sx-ringbox__s { --sx-c: var(--sx-soft); }

/* Kartica mape: jedna traka kontrola */
#vm-sth .vm-sth-mapraw { display: flex; flex-direction: column; gap: 10px; min-width: 0; }
#vm-sth .vm-map-source-selector {
	display: inline-flex; flex-wrap: nowrap; gap: 4px; align-self: flex-start; max-width: 100%; overflow-x: auto; scrollbar-width: none;
	margin: 0; padding: 4px; border-radius: 16px; background: var(--sx-tint); border: 1px solid var(--sx-line); box-shadow: none;
}
#vm-sth .vm-map-source-selector::-webkit-scrollbar { display: none; }
#vm-sth .vm-map-source-selector .vm-map-source-btn {
	appearance: none; -webkit-appearance: none; flex: none; margin: 0; min-height: 38px; padding: 7px 15px; border: 0 !important; border-radius: 12px !important;
	background: transparent !important; box-shadow: none !important; color: var(--sx-muted) !important; font: inherit; font-size: .9rem; font-weight: 750; cursor: pointer; text-transform: none; letter-spacing: 0;
}
#vm-sth .vm-map-source-selector .vm-map-source-btn:hover { background: var(--sx-card-solid) !important; color: var(--sx-ink) !important; }
#vm-sth .vm-map-source-selector .vm-map-source-btn--active,
#vm-sth .vm-map-source-selector .vm-map-source-btn[aria-selected="true"] { background: var(--sx-grad) !important; color: #ffffff !important; box-shadow: 0 8px 18px -10px rgba(37, 99, 235, .8) !important; }
#vm-sth .vm-param-bar-wrapper { margin: 0; }
#vm-sth .vm-param-bar { margin: 0; border-radius: 16px; background: var(--sx-card-solid); border: 1px solid var(--sx-line); box-shadow: none; }
#vm-sth .vm-interp-bar { margin: 0; gap: 6px; }
#vm-sth .vm-interp-btn { border-radius: 999px; }
#vm-sth .vm-stations-map { position: relative; z-index: 0; height: clamp(380px, 62vh, 600px); margin: 0; border-radius: 20px; border: 1px solid var(--sx-line); overflow: hidden; }
#vm-sth .vm-map-obs-time { margin: 0; }
#vm-sth .vm-map-qc-note { margin: 0; }
#vm-sth .vm-heatmap-controls, #vm-sth .vm-interp-explainer { margin: 0; border-radius: 16px; }

/* Kartica liste: lista bez sopstvenog razmaka i naslova veće hijerarhije */
#vm-sth .vm-sth-listcard { gap: 0; }
#vm-sth .vm-stl { margin-top: 0; --stl-bg: var(--sx-card-solid); --stl-border: var(--sx-line); }
#vm-sth .vm-stl .vm-stl__title { font-size: clamp(1.14rem, 2.2vw, 1.34rem); font-weight: 800; letter-spacing: -.01em; }
#vm-sth .vm-stl__toolbar { background: var(--sx-tint); box-shadow: none; }

@media (max-width: 640px) {
	#vm-sth .vm-stations-map { height: 420px; border-radius: 16px; }
	#vm-sth .vm-map-source-selector { align-self: stretch; }
	#vm-sth .vm-map-source-selector .vm-map-source-btn { padding: 7px 12px; font-size: .86rem; }
}