/* Dust Bowl Brewing — accessibility fixes, October 2026
   Addresses the failed Lighthouse "manual" checks from the 2026-10-19 audit.
   Load after the theme's core.min.css / skin-dust.css / style.css. */

/* 1. Visible focus indicator (WCAG 2.4.7). The framework sets outline:0 on links and
   buttons; restore a ring for keyboard focus only, so mouse users see no change. */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
[tabindex]:focus-visible,
[role="button"]:focus-visible {
  outline: 3px solid #e04e39 !important;      /* brand orange */
  outline-offset: 3px !important;
  box-shadow: 0 0 0 5px #fff !important;      /* white halo so the ring reads on any background */
  border-radius: 2px;
}
/* Dark header/footer: swap halo colours so the ring stays visible on navy and black. */
.header a:focus-visible,
.footer a:focus-visible,
.side-navigation-wrapper a:focus-visible,
.footer-top-menu a:focus-visible {
  outline-color: #ffd54a !important;          /* high-contrast yellow on navy */
  box-shadow: 0 0 0 5px #003865 !important;
}
/* The skip link should be visible when focused (theme already positions it) */
.skip-to-content-link:focus-visible { outline-offset: 0 !important; }

/* 2. Dropdown submenus open for keyboard users (WCAG 2.1.1). Mirrors the hover rule
   `.navigation ul li:hover > .sub-menu` in core.min.css. */
.navigation ul li:focus-within > .sub-menu,
.navigation ul li.focus > .sub-menu,
.navigation .dropdown.focus > .dropdown-list,
.navigation .dropdown:focus-within > .dropdown-list {
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto;
  /* The framework fades submenus over 0.4s; while visibility is still "hidden" the links
     cannot take focus, so a quick second Tab skips the whole submenu. Open instantly. */
  transition-duration: 0s !important;
}

/* 3. Hover / focus state on header and footer menu links (affordance). The theme has no
   hover style on ul#primary and ul#menu-2 links; underline is the most robust cue. */
.navigation > ul > li > a:not(.button):hover,
.navigation > ul > li > a:not(.button):focus-visible,
.navigation .sub-menu li > a:hover,
.navigation .sub-menu li > a:focus-visible,
.footer .navigation ul li > a:hover,
.footer .navigation ul li > a:focus-visible,
#menu-2 > li > a:hover,
#menu-2 > li > a:focus-visible,
.footer .privacy-policy a:hover,
.footer p a:hover,
.footer p a:focus-visible {
  text-decoration: underline !important;
  text-underline-offset: 0.2em;
  text-decoration-thickness: 2px;
}
/* Footer "Privacy Policy" link sits in plain text with no distinction: underline it always. */
.footer .color-white p a,
.elementor-widget-container .color-white p a[href*="termly"],
#ccpa-consent-notice p a {
  text-decoration: underline;
}

/* 4. Phone menu: while the slide-in navigation is open, hide the page behind it from
   assistive tech (the JS also sets aria-hidden; this is the visual complement). */
body.aux-navigation-active .wrapper.reveal-side-navigation { pointer-events: none; }
body.aux-navigation-active .side-navigation-wrapper { pointer-events: auto; }