/* Shared Navigation-block states; menu ownership stays in Gutenberg. */
:root { --av-anchor-offset: 104px; }
html { scroll-padding-top: var(--av-anchor-offset); }
@media (prefers-reduced-motion: no-preference) {
  html { scroll-behavior: smooth; }
}
.av-main-nav .wp-block-navigation-item__content {
  position: relative;
  min-height: 44px;
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
}
.av-main-nav .wp-block-navigation-item:not(.av-nav-cta) > a::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 4px;
  height: 2px;
  background: var(--av-blue);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 180ms ease;
}
.av-main-nav .wp-block-navigation-item:not(.av-nav-cta) > a:is(:hover, :focus-visible, [aria-current])::after {
  transform: scaleX(1);
}
.av-main-nav .wp-block-navigation-item:not(.av-nav-cta) > a[aria-current] {
  color: var(--av-blue);
}
.av-main-nav a:focus-visible,
.av-main-nav button:focus-visible,
.av-site-logo a:focus-visible {
  outline: 3px solid var(--av-blue);
  outline-offset: 4px;
}
.av-main-nav .wp-block-navigation__responsive-container-open,
.av-main-nav .wp-block-navigation__responsive-container-close {
  min-width: 44px;
  min-height: 44px;
  align-items: center;
  justify-content: center;
}
@media (min-width: 1041px) {
  header.is-scrolled .av-header-inner { padding-block: 12px !important; }
}
@media (max-width: 1040px) {
  .av-site-header .av-header-inner {
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 16px !important;
  }
  .av-site-header .av-site-logo { flex: 0 1 200px; min-width: 0; }
  .av-site-header .av-site-logo img { max-width: 100%; height: auto; }
  .av-site-header nav.av-main-nav {
    width: auto !important;
    margin-left: auto !important;
    flex: 0 0 auto;
  }
  .av-main-nav .wp-block-navigation__responsive-container:not(.is-menu-open) { display: none !important; }
  .av-main-nav .wp-block-navigation__responsive-container-open { display: flex !important; }
  .av-main-nav .wp-block-navigation__responsive-container.is-menu-open {
    background: var(--av-white);
    color: var(--av-ink);
    padding: 24px;
  }
  .av-main-nav .is-menu-open .wp-block-navigation__responsive-container-content {
    padding-top: 64px;
    align-items: stretch !important;
  }
  .av-main-nav .is-menu-open .wp-block-navigation__container {
    align-items: stretch !important;
    width: 100%;
    gap: 12px !important;
  }
  .av-main-nav .is-menu-open .wp-block-navigation-item { align-items: stretch !important; }
  .av-main-nav .is-menu-open .wp-block-navigation-item__content {
    width: 100%;
    justify-content: flex-start;
    padding-block: 12px;
  }
  .av-main-nav .is-menu-open .av-nav-cta { margin-top: 12px; }
  .av-main-nav .is-menu-open .av-nav-cta > a { justify-content: center; }
}
@media (prefers-reduced-motion: no-preference) {
  .av-main-nav .is-menu-open .wp-block-navigation__responsive-container-content {
    animation: av-navigation-enter 200ms ease-out;
  }
  @keyframes av-navigation-enter {
    from { opacity: 0; transform: translateY(-8px); }
    to { opacity: 1; transform: translateY(0); }
  }
}
@media (prefers-reduced-motion: reduce) {
  .av-main-nav a, .av-main-nav a::after { transition: none !important; }
}

/* Applied by the frontend observer only; Gutenberg keeps a static canvas. */
@media (prefers-reduced-motion: no-preference) {
  .wp-block-post-content .av-scroll-revealed {
    animation: av-scroll-enter 720ms cubic-bezier(.2, .65, .25, 1) var(--av-reveal-delay, 0ms) backwards;
  }
  @keyframes av-scroll-enter {
    from { opacity: .15; transform: translateY(32px); }
    to { opacity: 1; transform: translateY(0); }
  }
}
@media (max-width: 599px) {
  .wp-block-post-content .av-scroll-revealed { --av-reveal-delay: 0ms !important; }
}
.editor-styles-wrapper .av-scroll-revealed,
.wp-block-post-content .av-scroll-revealed:focus-within {
  animation: none !important;
}