/* SONA-ACCESSIBILITY-FIXES-V1.0 */

/* Hero dots: 48px touch area, while keeping the visible dots compact. */
[data-hero-dot] {
    position: relative;
    width: 48px !important;
    height: 48px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    cursor: pointer;
}

[data-hero-dot]::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.58);
    transform: translate(-50%, -50%);
    transition: width 180ms ease, background-color 180ms ease;
}

[data-hero-dot].is-active::after,
[data-hero-dot][aria-current="true"]::after {
    width: 28px;
    border-radius: 99px;
    background: #ffffff;
}

[data-hero-dot]:focus-visible {
    outline: 3px solid #ffffff;
    outline-offset: -6px;
    border-radius: 10px !important;
}

/* Clear keyboard focus for category filters and other links. */
[data-category-filter]:focus-visible,
.review-rating:focus-visible {
    outline: 3px solid #7d1f35;
    outline-offset: 3px;
}