/**
 * PressConf brand decorations — footer gradient stripe.
 */

@keyframes pc-footer-gradient-shift {
  0%,
  100% {
    background-position: 0% 50%;
  }

  50% {
    background-position: 100% 50%;
  }
}

/* Saved for later — add .pc-brand-gradient-line to other sections when ready. */
.pc-brand-gradient-line {
  background-image: var(--pc-brand-gradient-accent);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100% 3px;
}

/* --- Footer shell --- */

.pc-site-footer.pc-brand-decorated {
  isolation: isolate;
  overflow: hidden;
  position: relative;
}

.pc-site-footer.pc-brand-decorated > :is(.wp-block-columns, .wp-block-group, .wp-block-html) {
  margin-block-start: 0 !important;
  position: relative;
  z-index: 2;
}

/* Gradient top stripe — subtle colour shift */
.pc-site-footer.pc-brand-decorated::before {
  animation: pc-footer-gradient-shift 7s ease-in-out infinite;
  background: linear-gradient(
    90deg,
    var(--pc-brand-teal) 0%,
    var(--pc-brand-mint) 30%,
    var(--pc-brand-lavender) 60%,
    var(--pc-brand-teal) 100%
  );
  background-size: 200% 100%;
  content: "";
  height: 3px;
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
}

@media (prefers-reduced-motion: reduce) {
  .pc-site-footer.pc-brand-decorated::before {
    animation: none;
    background: var(--pc-brand-gradient-accent);
    background-size: 100% 100%;
  }
}