/* styles/default/components/c-tooltip.css — #19 CSS tooltip z aria-label (zpoždění 400 ms, nahoře / --bottom; --end / --start u okraje)
   Created :: 2026-10-21
   Updated :: 2026-10-29
   2026-10-29 :: 1.0.3 – c-tooltip--end / --start (prvky u okraje)
   2026-10-28 :: M9 – úklid a revize (viz 04 kap. 3) */

.c-tooltip { position: relative; }
.c-tooltip[aria-label]::after {
  content: attr(aria-label);
  position: absolute;
  left: 50%;
  bottom: calc(100% + .6rem);
  z-index: var(--z-tooltip);
  padding: var(--sp-1) var(--sp-2);
  border-radius: var(--r-sm);
  background: var(--color-text);
  color: var(--color-text-inverse);
  font-size: var(--fs-xs);
  font-weight: var(--fw-medium);
  line-height: 1.3;
  white-space: nowrap;
  text-transform: none;
  letter-spacing: 0;
  box-shadow: var(--sh-sm);
  transform: translateX(-50%);
  display: none;                 /* skrytý tooltip nesmí rozšiřovat stránku (absolutní box přispívá do scrollWidth i při visibility: hidden) */
  pointer-events: none;
}
.c-tooltip[aria-label]:hover::after, .c-tooltip[aria-label]:focus-visible::after {
  display: block;
  animation: c-tooltip-in var(--dur-1) var(--ease-out) 400ms both;   /* 400 ms zpoždění, pak fade-in */
}
@keyframes c-tooltip-in { from { opacity: 0; } to { opacity: 1; } }
.c-tooltip--bottom[aria-label]::after { bottom: auto; top: calc(100% + .6rem); }
.c-tooltip--end[aria-label]::after { left: auto; right: 0; transform: none; }     /* prvek u pravého okraje: tooltip končí s ním, nevyjede ze stránky (1.0.3) */
.c-tooltip--start[aria-label]::after { left: 0; transform: none; }

@media (hover: none) {
  .c-tooltip[aria-label]::after { display: none; }
}