/* === Custom Block Styling === */
.mapNavigation{
    padding-top: var(--CB-padding-top);
    padding-right: var(--CB-padding-right);
    padding-bottom: var(--CB-padding-bottom);
    padding-left: var(--CB-padding-left);
    margin-top: var(--CB-margin-top);
    margin-bottom: var(--CB-margin-bottom);
}



/* Tooltip base: hidden by default */
.svg-tooltip {
    position: absolute;
    pointer-events: none; /* let mouse pass through to the link below */
    padding: 6px 9px;
    font-size: 13px;
    line-height: 1;
    border-radius: 4px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.15);
    background: rgba(12,20,29,0.95);
    color: #fff;
    white-space: nowrap;
    transform: translate(-50%, -120%); /* position appear above cursor by default */
    transition: opacity 120ms ease, transform 120ms ease;
    opacity: 0;
    z-index: 9999;
}

/* Visible state */
.svg-tooltip.visible {
    opacity: 1;
}

/* Small caret under the tooltip (pure CSS) */
.svg-tooltip::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -6px;
    transform: translateX(-50%);
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid rgba(12,20,29,0.95);
}



/* Remove this once India and Australia go live */
/* Force default arrow cursor for this SVG region */
#Australia,
#Australia *,
#India,
#India *{
    cursor: default;
}
