/* ── Leaflet map base ─────────────────────────────────────────────────────── */
.leaflet-container {
    background: #D4DADC !important; 
    font-family: 'Outfit', sans-serif;
}

/* ── Remove browser focus/selection outlines on interactive SVG paths ──────── */
.leaflet-interactive,
.leaflet-interactive:focus,
.leaflet-interactive:active,
path.leaflet-interactive,
path.leaflet-interactive:focus,
path.leaflet-interactive:active {
    outline: none !important;
    box-shadow: none !important;
}

/* Suppress any SVG-level selection rectangle */
.leaflet-overlay-pane svg,
.leaflet-zoom-animated {
    outline: none !important;
}

/* ── Country tooltip ──────────────────────────────────────────────────────── */
.saf-tooltip {
    background:    #ffffff !important;
    border:        1px solid #ddd9d2 !important;
    border-radius: 10px !important;
    box-shadow:    0 4px 16px rgba(0,0,0,0.10) !important;
    padding:       0 !important;
}

/* Remove the default Leaflet tooltip arrow */
.saf-tooltip::before { display: none !important; }

.saf-tt {
    display:       flex;
    flex-direction: column;
    gap:           3px;
    padding:       9px 13px;
    min-width:     150px;
}
.saf-tt-name {
    font-size:   13px;
    font-weight: 600;
    color:       #433f36;
}
.saf-tt-access {
    font-size:   12px;
    font-weight: 600;
}
.saf-tt-sub {
    font-size: 11px;
    color:     #9e9890;
}

/* ── Hide the Leaflet attribution (keep it if you prefer) ─────────────────── */
/* .leaflet-control-attribution { display: none; } */