/* Pagination Styles */
.wp-block-query-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 3rem 0;
    font-size: var(--wp--preset--font-size--medium);
    font-weight: 500;
}

.wp-block-query-pagination-numbers {
    display: flex;
    gap: 0.5rem;
    margin: 0 1rem;
}

.wp-block-query-pagination-previous,
.wp-block-query-pagination-next,
.wp-block-query-pagination-numbers a,
.wp-block-query-pagination-numbers span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2.5rem;
    min-height: 2.5rem;
    padding: 0.25rem 0.75rem;
    text-decoration: none;
    color: var(--wp--preset--color--contrast);
    transition: all 0.3s ease;
    border-radius: 4px;
}

.wp-block-query-pagination-previous:hover,
.wp-block-query-pagination-next:hover,
.wp-block-query-pagination-numbers a:hover {
    background-color: var(--wp--preset--color--accent-2);
    color: var(--wp--preset--color--accent-1);
}

.wp-block-query-pagination-numbers .page-numbers.current {
    background-color: var(--wp--preset--color--accent-1);
    color: white;
}

/* Pagination arrows styling */
.wp-block-query-pagination-previous::before {
    content: "←";
    margin-right: 0.5rem;
}

.wp-block-query-pagination-next::after {
    content: "→";
    margin-left: 0.5rem;
}

/* More refined hover states */
.wp-block-query-pagination-previous:hover::before,
.wp-block-query-pagination-next:hover::after {
    color: var(--baf-button-hover-color, #a81f1d);
}

/* Mobile adjustments */
@media (max-width: 768px) {
    .wp-block-query-pagination {
        flex-wrap: wrap;
        gap: 1rem;
    }
    
    .wp-block-query-pagination-previous,
    .wp-block-query-pagination-next {
        padding: 0.25rem 0.5rem;
    }
}