/* Additional Pagination Styles for Laravel Integration */
.styled-pagination li.disabled {
    pointer-events: none;
    opacity: 0.6;
}

.styled-pagination li.disabled span {
    color: #999;
    cursor: default;
}

.styled-pagination li.disabled a {
    color: #999;
    cursor: default;
    pointer-events: none;
}

.styled-pagination li.arrow.disabled span {
    background-color: transparent;
    color: #ccc;
}

/* Improve accessibility */
.styled-pagination li a:focus,
.styled-pagination li span:focus {
    outline: 2px solid #007bff;
    outline-offset: 2px;
}

/* Better spacing for dots */
.styled-pagination li.disabled span {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
}