/**
 * Slider Accessibility Styles
 *
 * Additional styles to improve slider accessibility
 *
 * @package BFL_Accessibility
 * @author WP-Stars - Valentin Girleanu
 */

/* Ensure slider dots are keyboard accessible */

.slick-dots li button:focus {
    /* Enhanced focus indicator for keyboard navigation */
    outline: 2px solid #e57200;
    outline-offset: 2px;
}

/* Improve visibility of active dot for users with low vision */
.slick-dots li.slick-active button {
    /* The theme already styles this, but we ensure it's visible */
    opacity: 1;
}


/*
 * Ensure the ::after pseudo-element (the actual visual dot) is properly sized
 * The theme creates the visual dot using li::after, so we need to ensure it's
 * large enough to be easily clickable while maintaining the design
 */
.slick-slider .slick-dots li::after {
    /* Increase the height of the dot for better visibility and touch target */
    min-height: 12px !important;
    /* Ensure minimum width for inactive dots */
    min-width: 12px !important;
}

.slick-slider .slick-dots li.slick-active::after {
    /* Active dot should be wider but maintain the same height */
    min-height: 12px !important;
    min-width: 24px !important;
}

/* Screen reader only text (if needed for additional context) */
.bfl-sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
}

/* Add 20px gap between slider slides */
.bt_bb_content_slider .slick-slide {
    margin-right: 20px;
}

/* Remove margin from the last slide to prevent extra space */
.bt_bb_content_slider .slick-slide:last-child {
    margin-right: 0;
}

/* Adjust the slider list to account for negative margin from Slick */
.bt_bb_content_slider .slick-list {
    margin-right: -20px;
}


button.slick-arrow:hover {
    background: rgb(229 114 0 / 46%) !important;

}