/* GB-WEB04.1 Correction 03 — opt-in Avista Header 2 brand hover contract.
   Add CSS class gb-header-brand-hover to the TX Headers Elementor widget.
   Do not change Avista parent/core assets. */
.gb-header-brand-hover .as-header-3-wrap {
  background-color: #101820;
}
.gb-header-brand-hover .as-header-3-wrap::after,
.gb-header-brand-hover .as-header-3-area.has-sticky .as-header-3-wrap::after {
  background-color: rgba(16, 24, 32, .78);
}
/* Preserve Avista's opacity/transform animation; replace only the overlay palette. */
.gb-header-brand-hover .as-main-navigation.as-header-3-menu .navbar-nav li > a::after,
.gb-header-brand-hover .as-header-3-area.has-sticky .as-main-navigation.as-header-3-menu .navbar-nav li > a::after {
  background: linear-gradient(100deg, #34D299 0%, #06B5D3 100%);
}
/* Contrast for the bright animated pill, including keyboard focus. */
.gb-header-brand-hover .as-main-navigation.as-header-3-menu .navbar-nav li:hover > a,
.gb-header-brand-hover .as-main-navigation.as-header-3-menu .navbar-nav li > a:focus-visible,
.gb-header-brand-hover .as-main-navigation.as-header-3-menu .navbar-nav li > a.active {
  color: #101820;
}
.gb-header-brand-hover .as-main-navigation.as-header-3-menu .navbar-nav li > a:focus-visible::after {
  opacity: 1;
  transform: translateX(0);
}
.gb-header-brand-hover .as-main-navigation.as-header-3-menu .navbar-nav li .dropdown-menu,
.gb-header-brand-hover .as-header-3-area.has-sticky .as-main-navigation.as-header-3-menu .navbar-nav li .dropdown-menu {
  background-color: #101820;
}
/* Keep Elementor's green normal-state color; replace Avista's red/black sweep. */
.gb-header-brand-hover .as-header-3-action-link .as-pr-btn-3::after {
  background-image: linear-gradient(90deg, #159B70 0%, #34D299 50%, #159B70 100%);
}
.gb-header-brand-hover .as-header-3-action-link .as-pr-btn-3:hover,
.gb-header-brand-hover .as-header-3-action-link .as-pr-btn-3:focus-visible {
  color: #101820;
}
.gb-header-brand-hover .as-header-3-action-link .as-pr-btn-3:hover .text::after,
.gb-header-brand-hover .as-header-3-action-link .as-pr-btn-3:focus-visible .text::after {
  color: #101820;
}
.gb-header-brand-hover .as-header-3-action-link .as-pr-btn-3:focus-visible {
  outline: 2px solid #06B5D3;
  outline-offset: 3px;
}
@media (prefers-reduced-motion: reduce) {
  .gb-header-brand-hover .as-header-3-action-link .as-pr-btn-3:hover::after { animation: none; }
}

/* Correction 04: Avista JS adds .has-sticky at scrollY > 100 regardless of
   Elementor's separate sticky setting. Preserve original position/animation. */
.gb-header-brand-hover .as-header-3-area.has-sticky .as-header-3-wrap,
.as-header-3-area.has-sticky.gb-header-brand-hover .as-header-3-wrap {
  box-shadow: 0 12px 32px rgba(0, 0, 0, .16);
}
.gb-header-brand-hover .as-header-3-area.has-sticky .as-header-3-wrap::after,
.as-header-3-area.has-sticky.gb-header-brand-hover .as-header-3-wrap::after {
  background-color: rgba(16, 24, 32, .78);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
}
/* Override Avista's sticky black navigation text and gray hover gradient. */
.gb-header-brand-hover .as-header-3-area.has-sticky .as-main-navigation.as-header-3-menu .navbar-nav > li > a,
.as-header-3-area.has-sticky.gb-header-brand-hover .as-main-navigation.as-header-3-menu .navbar-nav > li > a {
  color: #fff;
}
.gb-header-brand-hover .as-header-3-area.has-sticky .as-main-navigation.as-header-3-menu .navbar-nav > li > a::after,
.as-header-3-area.has-sticky.gb-header-brand-hover .as-main-navigation.as-header-3-menu .navbar-nav > li > a::after {
  background: linear-gradient(100deg, #34D299 0%, #06B5D3 100%);
}
.gb-header-brand-hover .as-header-3-area.has-sticky .as-main-navigation.as-header-3-menu .navbar-nav > li:hover > a,
.gb-header-brand-hover .as-header-3-area.has-sticky .as-main-navigation.as-header-3-menu .navbar-nav > li > a:focus-visible,
.as-header-3-area.has-sticky.gb-header-brand-hover .as-main-navigation.as-header-3-menu .navbar-nav > li:hover > a,
.as-header-3-area.has-sticky.gb-header-brand-hover .as-main-navigation.as-header-3-menu .navbar-nav > li > a:focus-visible {
  color: #101820;
}
.gb-header-brand-hover .as-header-3-area.has-sticky .as-main-navigation.as-header-3-menu .navbar-nav li .dropdown-menu,
.as-header-3-area.has-sticky.gb-header-brand-hover .as-main-navigation.as-header-3-menu .navbar-nav li .dropdown-menu {
  background-color: #101820;
}
/* Submenu items need white text on the dark dropdown, even in sticky state. */
.gb-header-brand-hover .as-header-3-area.has-sticky .as-main-navigation.as-header-3-menu .navbar-nav .dropdown-menu li > a,
.as-header-3-area.has-sticky.gb-header-brand-hover .as-main-navigation.as-header-3-menu .navbar-nav .dropdown-menu li > a {
  color: #fff;
}
.gb-header-brand-hover .as-header-3-area.has-sticky .as-main-navigation.as-header-3-menu .navbar-nav .dropdown-menu li:hover > a,
.as-header-3-area.has-sticky.gb-header-brand-hover .as-main-navigation.as-header-3-menu .navbar-nav .dropdown-menu li:hover > a {
  color: #101820;
}