/* V102: SnapLock-inspired, subtle moving waves in Angelina's navy top bar.
   Uses the existing solid #073861 background. No JavaScript or layout changes. */
.ag-global-utility {
  position: relative;
  isolation: isolate;
  overflow: hidden;
}

.ag-global-utility::before,
.ag-global-utility::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  pointer-events: none;
  z-index: 0;
  background-repeat: repeat-x;
  background-position: left bottom;
  will-change: transform;
}

/* A deeper, slow rolling ripple near the bottom of the utility bar. */
.ag-global-utility::before {
  left: 0;
  right: -420px;
  background-size: 420px 46px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='420' height='46' viewBox='0 0 420 46'%3E%3Cpath d='M0 28 C70 14 140 14 210 28 S350 42 420 28 L420 46 L0 46Z' fill='%2387b7d0' fill-opacity='.15'/%3E%3Cpath d='M0 28 C70 14 140 14 210 28 S350 42 420 28' fill='none' stroke='%23d2e8f1' stroke-opacity='.19' stroke-width='1.15'/%3E%3C/svg%3E");
  animation: ag-utility-ripple-a 26s linear infinite;
}

/* A second, offset, quieter wave creates gentle depth. */
.ag-global-utility::after {
  left: 0;
  right: -560px;
  background-size: 560px 46px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='560' height='46' viewBox='0 0 560 46'%3E%3Cpath d='M0 34 C93 45 187 45 280 34 S467 23 560 34 L560 46 L0 46Z' fill='%2387b7d0' fill-opacity='.10'/%3E%3Cpath d='M0 34 C93 45 187 45 280 34 S467 23 560 34' fill='none' stroke='%23c5e0eb' stroke-opacity='.12' stroke-width='1'/%3E%3C/svg%3E");
  animation: ag-utility-ripple-b 37s linear infinite;
}

/* Keep both messages visually stationary and readable above the waves. */
.ag-global-utility > * {
  position: relative;
  z-index: 1;
}

@keyframes ag-utility-ripple-a {
  to { transform: translateX(-420px); }
}
@keyframes ag-utility-ripple-b {
  to { transform: translateX(-560px); }
}

@media (prefers-reduced-motion: reduce) {
  .ag-global-utility::before,
  .ag-global-utility::after {
    animation: none;
    will-change: auto;
  }
}