/**
 * Liquid Alerts — warstwa integracji (nie edytuj wow-alerts.css ani liquid-border.css).
 * Liquid Border ustawia ujemne marginesy na .wow-alert; wrappery w stosie muszą
 * mieć jawny odstęp, bo flex gap z WOW Alerts nie wystarcza.
 */

.wow-alerts {
  gap: 0;
}

.wow-alerts > .liquid-border-wrapper {
  display: block;
  width: 100%;
  max-width: 100%;
  margin-bottom: var(--la-stack-gap, 2.75rem);
  overflow: visible;
}

.wow-alerts > .liquid-border-wrapper:last-child {
  margin-bottom: 0;
}

.wow-alerts .liquid-border-target {
  display: grid;
  width: 100%;
}

/* Przywraca wizualny oddech przy przycisku close */
.wow-alerts .liquid-border-target .wow-alert__close {
  margin-right: 0.35rem;
}

/* opóźnienia animacji — po wrapie dziećmi są wrappery, nie .wow-alert */
.wow-alerts > .liquid-border-wrapper:nth-child(1) .wow-alert { animation-delay: 0s; }
.wow-alerts > .liquid-border-wrapper:nth-child(2) .wow-alert { animation-delay: 0.08s; }
.wow-alerts > .liquid-border-wrapper:nth-child(3) .wow-alert { animation-delay: 0.16s; }
.wow-alerts > .liquid-border-wrapper:nth-child(4) .wow-alert { animation-delay: 0.24s; }
.wow-alerts > .liquid-border-wrapper:nth-child(5) .wow-alert { animation-delay: 0.32s; }

.wow-alerts > .liquid-border-wrapper:nth-child(2) .wow-alert::after { animation-delay: -4s; }
.wow-alerts > .liquid-border-wrapper:nth-child(3) .wow-alert::after { animation-delay: -8s; }
.wow-alerts > .liquid-border-wrapper:nth-child(4) .wow-alert::after { animation-delay: -2s; }
.wow-alerts > .liquid-border-wrapper:nth-child(5) .wow-alert::after { animation-delay: -11s; }