/* ============================================================
 * Accessibility fixes — non-visual overrides
 * Loaded after main.css. Keeps existing layout intact.
 * ============================================================ */

/* Slider Prev/Next buttons:
 *   - Original styling used opacity:40% on #000 → ~2.85:1 contrast (fails WCAG AA).
 *   - Bump to 70% (~5.4:1) and reset native <button> chrome so visual is unchanged.
 */
button.fx-slider-btn-2-item {
    background: transparent;
    border: 0;
    padding: 0;
    font: inherit;
    cursor: pointer;
    opacity: 70%;
}

button.fx-slider-btn-2-item:hover,
button.fx-slider-btn-2-item:focus-visible {
    opacity: 100%;
}

button.fx-slider-btn-2-item:focus-visible {
    outline: 2px solid var(--fx-clr-pr-1, #089ca6);
    outline-offset: 4px;
    border-radius: 2px;
}