/**
 * Menu Panel Slide Animations ONLY
 * Underlines handled by text-decoration in main.css
 */

/* Left Panel (Pink) - Links slide RIGHT */
@keyframes cbLinkSlideRight {
  0% {
    opacity: 0;
    transform: translateX(-35px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

/* Right Panel (Green) - Links slide LEFT */
@keyframes cbLinkSlideLeft {
  0% {
    opacity: 0;
    transform: translateX(35px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

/* Fast Fade for quick reopens */
@keyframes cbFastFadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

#cb-offcanvas-left.open.cb-animating li {
  animation: cbLinkSlideRight 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
  opacity: 0;
}

#cb-offcanvas-right.open.cb-animating li {
  animation: cbLinkSlideLeft 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
  opacity: 0;
}

#cb-offcanvas-right.open.cb-animating p {
  animation: cbFastFadeIn 0.5s ease-out forwards;
  animation-delay: 0.4s;
  opacity: 0;
}

#cb-offcanvas-left.open.cb-animating li:nth-child(1),
#cb-offcanvas-right.open.cb-animating li:nth-child(1) {
  animation-delay: 0.08s;
}

#cb-offcanvas-left.open.cb-animating li:nth-child(2),
#cb-offcanvas-right.open.cb-animating li:nth-child(2) {
  animation-delay: 0.16s;
}

#cb-offcanvas-left.open.cb-animating li:nth-child(3),
#cb-offcanvas-right.open.cb-animating li:nth-child(3) {
  animation-delay: 0.24s;
}

#cb-offcanvas-left.open.cb-animating li:nth-child(4),
#cb-offcanvas-right.open.cb-animating li:nth-child(4) {
  animation-delay: 0.32s;
}

#cb-offcanvas-left.open.cb-animating li:nth-child(5),
#cb-offcanvas-right.open.cb-animating li:nth-child(5) {
  animation-delay: 0.40s;
}

#cb-offcanvas-left.open.cb-animating li:nth-child(6),
#cb-offcanvas-right.open.cb-animating li:nth-child(6) {
  animation-delay: 0.48s;
}

#cb-offcanvas-left.open.cb-animating li:nth-child(7),
#cb-offcanvas-right.open.cb-animating li:nth-child(7) {
  animation-delay: 0.56s;
}

#cb-offcanvas-left.open.cb-animating li:nth-child(8),
#cb-offcanvas-right.open.cb-animating li:nth-child(8) {
  animation-delay: 0.64s;
}

#cb-offcanvas-left.cb-fast-fade li,
#cb-offcanvas-left.cb-fast-fade p,
#cb-offcanvas-right.cb-fast-fade li,
#cb-offcanvas-right.cb-fast-fade p {
  animation: cbFastFadeIn 0.18s ease forwards !important;
  animation-delay: 0s !important;
}

.cb-offcanvas h5 {
  opacity: 1 !important;
}

.cb-offcanvas li {
  opacity: 0;
}

.cb-offcanvas p {
  opacity: 0;
}

.cb-offcanvas.open:not(.cb-animating):not(.cb-fast-fade) li,
.cb-offcanvas.open:not(.cb-animating):not(.cb-fast-fade) p {
  opacity: 1;
}