/*
 * Bianchini's Market keyboard-focus remediation.
 * Loaded after the theme's LessPHP-generated stylesheet.
 */

/*
 * Cross-browser fallback: older browsers show the indicator for all focus.
 * !important is intentional because the legacy theme contains component-level
 * outline:none rules with greater selector specificity.
 */
:focus {
    outline: 3px solid #005fcc !important;
    outline-offset: 3px;
    box-shadow: 0 0 0 6px #fff !important;
}

/* Maintain a two-color, high-contrast indicator in the dark slide-out menu. */
.slideMenu a:focus,
.slideMenu button:focus,
.slideMenu [tabindex]:not([tabindex="-1"]):focus {
    outline-color: #fff !important;
    box-shadow: 0 0 0 6px #005fcc !important;
}

/* Modern browsers suppress the indicator only for pointer-driven focus. */
@supports selector(:focus-visible) {
    :focus:not(:focus-visible) {
        outline: none !important;
        box-shadow: none !important;
    }
}

/* Keyboard focus lands on the link; highlight its parent menu item too. */
header .header_content .main_nav .primary ul#navPrimary li.colHolder ul.colBreak li:focus-within {
    border-bottom-color: #231f20;
}

header .header_content .main_nav .primary ul#navPrimary li.colHolder ul.colBreak li#menu-item-1564:focus-within > a {
    text-decoration: underline;
}

@media (forced-colors: active) {
    :focus {
        outline-color: Highlight !important;
        box-shadow: none !important;
    }
}