/* styles/default/components/c-toast.css — #10 region toastů (popover nad modálem) a toast
   Created :: 2026-10-21
   Updated :: 2026-10-28
   2026-10-28 :: M9 – úklid a revize (viz 04 kap. 3) */

.c-toasts {
  position: fixed;
  right: var(--sp-4);
  bottom: var(--sp-4);
  z-index: var(--z-toast);
  width: min(40rem, calc(100vw - 2 * var(--sp-4)));
  pointer-events: none;
}
.c-toasts:popover-open { display: flex; flex-direction: column; gap: var(--sp-2); }

.c-toast {
  --toast-accent: var(--color-info);
  display: flex;
  align-items: flex-start;
  gap: var(--sp-3);
  padding: var(--sp-3) var(--sp-3) var(--sp-3) var(--sp-4);
  border: 1px solid var(--color-border);
  border-left: var(--stroke-3) solid var(--toast-accent);
  border-radius: var(--r-lg);
  background: var(--color-surface);
  color: var(--color-text);
  box-shadow: var(--sh-md);
  pointer-events: auto;
  animation: c-toast-in var(--dur-2) var(--ease-out);
}
.c-toast--success { --toast-accent: var(--color-success); }
.c-toast--error   { --toast-accent: var(--color-danger); }
.c-toast--warning { --toast-accent: var(--color-warning); }
.c-toast--info    { --toast-accent: var(--color-info); }
.c-toast__icon { color: var(--toast-accent); margin-top: .1rem; }
.c-toast__text { flex: 1; min-width: 0; font-size: var(--fs-base); line-height: var(--lh-base); overflow-wrap: anywhere; }
.c-toast__actions { display: flex; align-items: center; gap: var(--sp-1); margin: calc(-1 * var(--sp-half)) calc(-1 * var(--sp-half)) calc(-1 * var(--sp-half)) 0; }
.c-toast.is-leaving { animation: c-toast-out var(--dur-2) var(--ease-in-out) forwards; }

@keyframes c-toast-in  { from { opacity: 0; transform: translateY(.8rem); } to { opacity: 1; transform: none; } }
@keyframes c-toast-out { to { opacity: 0; transform: translateY(.4rem); } }

@media (max-width: 767.98px) {
  .c-toasts { left: var(--sp-2); right: var(--sp-2); bottom: var(--sp-2); width: auto; }
}