/* Shared tooltip appearance. Country custom.css remains the final override. */
:root {
    --tooltip-background: var(--gray-900);
    --tooltip-color: var(--gray-0);
    --tooltip-radius: var(--radius-xsmall, 4px);
    --tooltip-padding: 8px 12px;
    --tooltip-max-width: 280px;
    --tooltip-font-size: 13px;
}
.tooltip, .tippy-tooltip {
    font-family: inherit;
    font-size: var(--tooltip-font-size);
    line-height: 1.5;
    font-weight: 400;
    text-align: center;
}
.tooltip:where(span), .tooltip-inner, .tippy-tooltip,
.tippy-tooltip.dark-theme, .tippy-tooltip.light-theme {
    background: var(--tooltip-background);
    color: var(--tooltip-color);
    border-radius: var(--tooltip-radius);
    padding: var(--tooltip-padding);
    max-width: min(var(--tooltip-max-width), calc(100vw - 24px));
    text-align: center;
    overflow-wrap: anywhere;
    box-shadow: 0 2px 8px rgba(var(--gray-1000-rgb), 0.15);
}
/* Stored translations can include legacy align="justify" attributes. */
.tooltip :where(div, p, [align]), .tippy-content :where(div, p, [align]) {
    text-align: center;
}
.tooltip p, .tippy-content p { margin: 0; }
.tooltip a, .tippy-tooltip a { color: inherit; text-decoration: underline; }
.tippy-tooltip.dark-theme .tippy-content,
.tippy-tooltip.light-theme .tippy-content {
    padding: 0;
    font-size: inherit;
    font-weight: inherit;
    text-align: center;
}
.tippy-tooltip.light-theme .tippy-content .staff-level-content,
.tippy-tooltip.light-theme .tippy-content .institutions-zones-content { text-align: center; }
.tippy-tooltip.dark-theme .tippy-backdrop,
.tippy-tooltip.light-theme .tippy-backdrop { background: var(--tooltip-background); }
.tippy-tooltip.dark-theme .tippy-roundarrow,
.tippy-tooltip.light-theme .tippy-roundarrow { fill: var(--tooltip-background); }
.tooltip.top .tooltip-arrow, .tooltip.top-left .tooltip-arrow,
.tooltip.top-right .tooltip-arrow,
.tippy-popper[x-placement^="top"] .tippy-arrow { border-top-color: var(--tooltip-background); }
.tooltip.bottom .tooltip-arrow, .tooltip.bottom-left .tooltip-arrow,
.tooltip.bottom-right .tooltip-arrow,
.tippy-popper[x-placement^="bottom"] .tippy-arrow { border-bottom-color: var(--tooltip-background); }
.tooltip.left .tooltip-arrow,
.tippy-popper[x-placement^="left"] .tippy-arrow { border-left-color: var(--tooltip-background); }
.tooltip.right .tooltip-arrow,
.tippy-popper[x-placement^="right"] .tippy-arrow { border-right-color: var(--tooltip-background); }

/* Legacy Tippy uses attribute-based arrows and an animated circle. */
.tippy-tooltip [x-circle] { background-color: var(--tooltip-background); }
.tippy-popper[x-placement^="top"] .tippy-tooltip:is(.light-theme, .dark-theme, .transparent-theme) :is([x-arrow], [x-arrow].arrow-small, [x-arrow].arrow-big),
.tippy-popper[x-placement^="top"] .tippy-tooltip [x-arrow] { border-top-color: var(--tooltip-background); }
.tippy-popper[x-placement^="bottom"] .tippy-tooltip:is(.light-theme, .dark-theme, .transparent-theme) :is([x-arrow], [x-arrow].arrow-small, [x-arrow].arrow-big),
.tippy-popper[x-placement^="bottom"] .tippy-tooltip [x-arrow] { border-bottom-color: var(--tooltip-background); }
.tippy-popper[x-placement^="left"] .tippy-tooltip:is(.light-theme, .dark-theme, .transparent-theme) :is([x-arrow], [x-arrow].arrow-small, [x-arrow].arrow-big),
.tippy-popper[x-placement^="left"] .tippy-tooltip [x-arrow] { border-left-color: var(--tooltip-background); }
.tippy-popper[x-placement^="right"] .tippy-tooltip:is(.light-theme, .dark-theme, .transparent-theme) :is([x-arrow], [x-arrow].arrow-small, [x-arrow].arrow-big),
.tippy-popper[x-placement^="right"] .tippy-tooltip [x-arrow] { border-right-color: var(--tooltip-background); }