/* Reuse the active header's markup and styling while it is fixed. */
.az-site-header.az-header-is-sticky {
  position: fixed;
  z-index: 1000;
  top: 0;
  right: 0;
  left: 0;
  width: 100%;
  box-shadow: 0 8px 24px rgba(15, 23, 42, .12);
  animation: az-sticky-header-enter .32s cubic-bezier(.22, 1, .36, 1) both;
}

@keyframes az-sticky-header-enter {
  from {
    opacity: .92;
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

@media (prefers-reduced-motion: reduce) {
  .az-site-header.az-header-is-sticky {
    animation: none;
  }
}

/* Only rows enabled in Advanced → Header remain visible after sticking. */
.az-site-header.az-header-is-sticky:not([data-az-sticky-top]) .az-topbar,
.az-site-header.az-header-is-sticky:not([data-az-sticky-main]) .az-mainbar,
.az-site-header.az-header-is-sticky:not([data-az-sticky-bottom]) .az-navrow {
  display: none !important;
}

.admin-bar .az-site-header.az-header-is-sticky {
  top: 32px;
}

.az-header-sticky-spacer[hidden] {
  display: none;
}

/* An overlaid banner must not make the fixed header transparent. */
.az-banner-overlay-ready .az-site-header.az-header-is-sticky {
  position: fixed;
  background: var(--az-color-surface, #fff);
}

.az-banner-overlay-ready .az-site-header.az-header-is-sticky .az-mainbar,
.az-banner-overlay-ready .az-site-header.az-header-is-sticky .az-navrow {
  background: var(--az-color-surface, #fff);
}

.az-banner-overlay-ready .az-site-header.az-header-is-sticky.az-header--piano .az-mainbar {
  background: var(--az-color-primary);
}

@media (max-width: 782px) {
  .admin-bar .az-site-header.az-header-is-sticky {
    top: 0;
  }
}