/************************************
*       World Map Page
************************************/
#worldmap { height: 400px; overflow: visible; position: relative; }
@media(max-width:767px) { #worldmap { height: 250px; } }
@media(min-width:1200px) { #worldmap { height: 600px; } }
/* ── Datamaps overrides (shared with profile map) ── */
.datamaps-hoverover {
    z-index: 1000;
    pointer-events: none;
    max-width: min(280px, 90vw);   /* never overflow viewport on small screens */
}
.datamaps-hoverover .hoverinfo { border: none !important; padding: 0 !important; box-shadow: none !important; }
/* Ensure the hoverinfo itself wraps correctly on narrow screens */
.datamaps-hoverover .hoverinfo table { width: 100%; }
/* Keep tooltip inside viewport on the right edge */
@media(max-width:991px) {
    .datamaps-hoverover { left: auto !important; right: 8px; }
}
/* ── Mobile country panel ── */
#mobile-country-panel { display: none; }
#mobile-country-panel.active { display: block; }
@media(min-width:768px) { #mobile-country-panel { display: none !important; } }
/* ── Dark mode ── */
[data-bs-theme="dark"] .datamaps-hoverover .hoverinfo { color: var(--hs-text); }