/**
 * Slider Dots Fix
 * Restores proper appearance for UIkit slider navigation dots
 */

/* Base dot styles - SQUARES instead of circles */
.uk-slideset-nav.uk-dotnav > li > a,
.uk-dotnav > li > a {
    display: block;
    box-sizing: content-box;
    width: 11px;
    height: 11px;
    border-radius: 0; /* Square, not round */
    background: #0066b3; /* Exact blue color */
    text-indent: 100%;
    overflow: hidden;
    white-space: nowrap;
    border: none;
    transition: all 0.2s ease;
    opacity: 0.7;
}

/* Hover state */
.uk-slideset-nav.uk-dotnav > li > a:hover,
.uk-dotnav > li > a:hover,
.uk-slideset-nav.uk-dotnav > li > a:focus,
.uk-dotnav > li > a:focus {
    background: #0066b3;
    opacity: 0.9;
    outline: none;
}

/* Active state - orange square */
.uk-slideset-nav.uk-dotnav > li.uk-active > a,
.uk-dotnav > li.uk-active > a,
.uk-slideset-nav.uk-dotnav > li[class*="uk-active"] > a,
.uk-dotnav > li[class*="uk-active"] > a {
    background: #ff6900 !important; /* Exact orange for active */
    opacity: 1 !important;
    transform: scale(1.2);
}

/* Ensure dots are clickable even when empty */
.uk-slideset-nav.uk-dotnav > li > a:empty,
.uk-dotnav > li > a:empty {
    min-width: 13px;
    min-height: 13px;
}

/* Focus state for accessibility */
.uk-slideset-nav.uk-dotnav > li > a:focus-visible,
.uk-dotnav > li > a:focus-visible {
    outline: 2px solid #005fcc;
    outline-offset: 2px;
}

/* Fix for dots not showing */
.uk-slideset-nav.uk-dotnav > li > a::before,
.uk-dotnav > li > a::before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 0; /* Square, not round */
}