/* Launch hover polish: consistent clipped corners and white hover text. */
:where(
  .btn,
  .btn-primary,
  .btn-secondary,
  .btn-outline,
  .btn-glass,
  .btn-book,
  .section-cta,
  .ask-the-team,
  .ask-chip,
  .service-tab,
  .filter-chip,
  .county-button,
  .c4-tab,
  .hero-path,
  .err-link-grid a,
  .mobile-nav a,
  .nav-toggle,
  .nav a,
  .sub-menu a
) {
  border-radius: 0 !important;
  clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 10px) !important;
}

:where(
  .btn,
  .btn-primary,
  .btn-secondary,
  .btn-outline,
  .btn-glass,
  .btn-book,
  .section-cta,
  .ask-the-team,
  .ask-chip,
  .service-tab,
  .filter-chip,
  .county-button,
  .c4-tab,
  .hero-path,
  .err-link-grid a,
  .mobile-nav a,
  .nav-toggle,
  .nav a,
  .sub-menu a
):where(:hover, :focus-visible, .is-active, .is-on, .is-current, [aria-current="page"]) {
  color: #fff !important;
  background: var(--pink) !important;
  border-color: var(--pink) !important;
  border-radius: 0 !important;
  clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 10px) !important;
}

:where(
  .btn,
  .btn-primary,
  .btn-secondary,
  .btn-outline,
  .btn-glass,
  .btn-book,
  .section-cta,
  .ask-the-team,
  .ask-chip,
  .service-tab,
  .filter-chip,
  .county-button,
  .c4-tab,
  .hero-path,
  .err-link-grid a,
  .mobile-nav a,
  .nav-toggle,
  .nav a,
  .sub-menu a
):where(:hover, :focus-visible, .is-active, .is-on, .is-current, [aria-current="page"]) :where(*) {
  color: inherit !important;
}

.btn-primary:hover,
.btn-primary:focus-visible {
  background: var(--pink-deep, var(--pink)) !important;
  border-color: var(--pink-deep, var(--pink)) !important;
}

.nav .nav-item.has-sub:hover > a,
.nav .nav-item.has-sub:focus-within > a {
  color: #fff !important;
  background: var(--pink) !important;
  border-radius: 0 !important;
  clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 10px) !important;
}

.site-header.is-condensed .nav a:hover,
.site-header.is-condensed .nav a:focus-visible,
.site-header:not(.is-condensed) .nav a:hover,
.site-header:not(.is-condensed) .nav a:focus-visible,
.hero-path:hover,
.hero-path:focus-visible,
.mobile-nav a:hover,
.mobile-nav a:focus-visible,
.err-link-grid a:hover,
.err-link-grid a:focus-visible {
  color: #fff !important;
}

.nav-toggle:hover span,
.nav-toggle:focus-visible span {
  background: #fff !important;
}

.service-tab:hover .service-tab-num,
.service-tab:hover .service-tab-title,
.service-tab:hover .service-tab-note,
.service-tab.is-active .service-tab-num,
.service-tab.is-active .service-tab-title,
.service-tab.is-active .service-tab-note {
  color: #fff !important;
}

.ask-chip:hover,
.ask-chip:focus-visible,
.ask-chip.is-on,
.filter-chip:hover,
.filter-chip:focus-visible,
.filter-chip.is-active,
.county-button:hover,
.county-button:focus-visible,
.county-button.is-active,
.c4-tab:hover,
.c4-tab:focus-visible,
.c4-tab.is-active {
  color: #fff !important;
}
