/* AVIX Water v63 — premium hero CTA system
   Short, page-specific labels with a small downward direction cue.
   Scoped only to hero CTAs so section/footer/form buttons remain unchanged. */

:is(.avix-home-hero,.avix-principal-hero,.avix-utility-hero) .avix-hero-actions{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  gap:12px!important;
}

:is(.avix-home-hero,.avix-principal-hero,.avix-utility-hero) .avix-hero-cta{
  box-sizing:border-box!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  min-width:0!important;
  min-height:50px!important;
  height:50px!important;
  padding:0 20px!important;
  gap:14px!important;
  border-radius:10px!important;
  font-size:14px!important;
  font-weight:700!important;
  line-height:1!important;
  letter-spacing:.01em!important;
  text-transform:none!important;
  white-space:nowrap!important;
  box-shadow:none!important;
  transform:none!important;
  transition:background-color .2s ease,border-color .2s ease,color .2s ease,transform .2s ease!important;
}

:is(.avix-home-hero,.avix-principal-hero,.avix-utility-hero) .avix-hero-cta>span{
  display:block;
  line-height:1;
}

:is(.avix-home-hero,.avix-principal-hero,.avix-utility-hero) .avix-hero-cta>i{
  display:block;
  flex:0 0 auto;
  margin:0;
  padding:0;
  font-style:normal;
  font-size:15px;
  font-weight:700;
  line-height:1;
  transition:transform .2s ease;
}

:is(.avix-home-hero,.avix-principal-hero,.avix-utility-hero) .avix-hero-cta--primary{
  border:1px solid var(--aqua,#36b6d0)!important;
  background:var(--aqua,#36b6d0)!important;
  color:#071316!important;
  box-shadow:0 8px 20px rgba(0,0,0,.11)!important;
}

:is(.avix-home-hero,.avix-principal-hero,.avix-utility-hero) .avix-hero-cta--primary:hover,
:is(.avix-home-hero,.avix-principal-hero,.avix-utility-hero) .avix-hero-cta--primary:focus-visible{
  border-color:#55c3d9!important;
  background:#55c3d9!important;
  color:#071316!important;
  transform:translateY(-1px)!important;
}

:is(.avix-home-hero,.avix-principal-hero,.avix-utility-hero) .avix-hero-cta--secondary{
  border:1px solid rgba(255,255,255,.34)!important;
  background:rgba(255,255,255,.025)!important;
  color:rgba(255,255,255,.94)!important;
  box-shadow:none!important;
}

:is(.avix-home-hero,.avix-principal-hero,.avix-utility-hero) .avix-hero-cta--secondary:hover,
:is(.avix-home-hero,.avix-principal-hero,.avix-utility-hero) .avix-hero-cta--secondary:focus-visible{
  border-color:var(--aqua,#36b6d0)!important;
  background:rgba(54,182,208,.10)!important;
  color:var(--aqua,#36b6d0)!important;
  transform:translateY(-1px)!important;
}

:is(.avix-home-hero,.avix-principal-hero,.avix-utility-hero) .avix-hero-cta:hover>i,
:is(.avix-home-hero,.avix-principal-hero,.avix-utility-hero) .avix-hero-cta:focus-visible>i{
  transform:translateY(3px);
}

:is(.avix-home-hero,.avix-principal-hero,.avix-utility-hero) .avix-hero-cta:focus-visible{
  outline:2px solid rgba(255,255,255,.92)!important;
  outline-offset:3px!important;
}

@media(max-width:650px){
  :is(.avix-home-hero,.avix-principal-hero,.avix-utility-hero) .avix-hero-actions{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
  }
  :is(.avix-home-hero,.avix-principal-hero,.avix-utility-hero) .avix-hero-cta{
    width:100%!important;
    min-height:48px!important;
    height:48px!important;
    padding-inline:18px!important;
  }
}

@media(prefers-reduced-motion:reduce){
  :is(.avix-home-hero,.avix-principal-hero,.avix-utility-hero) .avix-hero-cta,
  :is(.avix-home-hero,.avix-principal-hero,.avix-utility-hero) .avix-hero-cta>i{
    transition:none!important;
  }
  :is(.avix-home-hero,.avix-principal-hero,.avix-utility-hero) .avix-hero-cta:hover,
  :is(.avix-home-hero,.avix-principal-hero,.avix-utility-hero) .avix-hero-cta:focus-visible,
  :is(.avix-home-hero,.avix-principal-hero,.avix-utility-hero) .avix-hero-cta:hover>i,
  :is(.avix-home-hero,.avix-principal-hero,.avix-utility-hero) .avix-hero-cta:focus-visible>i{
    transform:none!important;
  }
}
