/* RentArest v1.0.360 — zoom-safe header divider and production surface. */
:root {
  --ra-header-surface-top: #202329;
  --ra-header-surface: #191e25;
  --ra-header-surface-bottom: #0f1319;
  --ra-header-text: #dedbb2d9;
  --ra-header-active: #e7dca8;
  --ra-header-gold: #f0c04e;
  --ra-header-line: #e0aa52;
}

#masthead.site-header {
  position: relative;
  isolation: isolate;
  background: #181d24 !important;
  box-shadow:
    0 3px 16px rgba(240, 192, 78, 0.198),
    0 12px 30px rgba(0, 0, 0, 0.3) !important;
}

#masthead .ast-primary-header-bar {
  position: relative;
  border: 0 !important;
  background:
    linear-gradient(
      110deg,
      transparent 0%,
      rgba(255, 255, 255, 0.023) 45%,
      transparent 70%
    ),
    linear-gradient(
      180deg,
      var(--ra-header-surface-top) 0%,
      var(--ra-header-surface) 49%,
      var(--ra-header-surface-bottom) 100%
    ) !important;
}

/* One header surface: Astra must not paint a second panel behind the menu. */
#masthead .site-primary-header-wrap,
#masthead .ast-builder-grid-row,
#masthead .site-header-primary-section-center,
#masthead .site-header-primary-section-right,
#masthead .ast-builder-menu-1,
#masthead .main-navigation,
#masthead .main-header-menu {
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* Keep Astra's first decorative layer disabled. */
#masthead .ast-primary-header-bar::before {
  content: none !important;
  display: none !important;
}

/* Wide fade divider: Soft Plus gold at 75% of the approved quiet profile. */
#masthead .ast-primary-header-bar::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  bottom: 0 !important;
  left: 50% !important;
  z-index: 40 !important;
  width: calc(100% - 24px) !important;
  max-width: none !important;
  height: 1px !important;
  min-height: 1px !important;
  pointer-events: none !important;
  transform: translate3d(-50%, 0, 0) !important;
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(224, 170, 82, 0.029) 2%,
    rgba(224, 170, 82, 0.09) 6%,
    rgba(224, 170, 82, 0.18) 14%,
    rgba(224, 170, 82, 0.259) 28%,
    rgba(224, 170, 82, 0.293) 50%,
    rgba(224, 170, 82, 0.259) 72%,
    rgba(224, 170, 82, 0.18) 86%,
    rgba(224, 170, 82, 0.09) 94%,
    rgba(224, 170, 82, 0.029) 98%,
    transparent 100%
  ) !important;
  box-shadow: none !important;
  opacity: 1 !important;
}

@media (min-width: 922px) {
  /* Astra measures 20px here; the approved spacing adds exactly 2px per side. */
  #masthead .main-header-menu > .menu-item > .menu-link {
    padding-right: 22px !important;
    padding-left: 22px !important;
    color: var(--ra-header-text) !important;
    background: transparent !important;
    transform: none !important;
    scale: 1;
    transform-origin: center;
    will-change: auto !important;
    backface-visibility: visible !important;
    -webkit-font-smoothing: auto !important;
    text-shadow: none !important;
    transition: scale 0.34s cubic-bezier(0.37, 0, 0.63, 1) !important;
  }

  #masthead .main-header-menu > .current-menu-item > .menu-link,
  #masthead .main-header-menu > .current_page_item > .menu-link {
    color: var(--ra-header-active) !important;
  }

  /* Disable Astra's transform and animate only the independent scale property. */
  .ast-desktop
    #masthead
    .ast-menu-hover-style-zoom
    > .menu-item
    > .menu-link:hover {
    color: var(--ra-header-gold) !important;
    background: transparent !important;
    transform: none !important;
    scale: 1.17;
    text-shadow: none !important;
  }

  #masthead .main-header-menu > .menu-item > .menu-link:focus {
    outline: 0;
  }

  #masthead .main-header-menu > .menu-item > .menu-link:focus-visible {
    color: var(--ra-header-gold) !important;
    transform: none !important;
    scale: 1;
    outline: 1px solid rgba(240, 192, 78, 0.78);
    outline-offset: -5px;
  }
}

@media (prefers-reduced-motion: reduce) {
  #masthead .main-header-menu > .menu-item > .menu-link,
  .ast-desktop
    #masthead
    .ast-menu-hover-style-zoom
    > .menu-item
    > .menu-link:hover {
    transform: none !important;
    scale: 1;
    transition-duration: 0.01ms !important;
  }
}