/* tooltips.css — site-wide override for the Cooltipz-CSS library (loaded
   just before this stylesheet) so every [data-cooltipz-dir] tooltip matches
   the app's black-border / yellow-hard-shadow style instead of the
   library's dark rounded-pill default. Cooltipz exposes bg/border/text/font
   as CSS custom properties but hardcodes its own box-shadow and arrow
   drop-shadow, so those are overridden directly below. */

:root {
    --cooltipz-bg-color: #ffffff;
    --cooltipz-border-width: 2px;
    --cooltipz-border-style: solid;
    --cooltipz-border-color: var(--as-black, #111111);
    --cooltipz-text-color: var(--as-black, #111111);
    --cooltipz-font-family: 'Inter', sans-serif;
    --cooltipz-border-radius: 0px;
}

[aria-label][data-cooltipz-dir]:after,
[aria-label][class*="cooltipz"]:after {
    box-shadow: 4px 4px 0 var(--as-yellow, #F5C518) !important;
}

[aria-label][data-cooltipz-dir]:before,
[aria-label][class*="cooltipz"]:before {
    filter: none !important;
}