/**
 * Paginacja list produktów (WooCommerce catalog loop).
 *
 * Theme nadpisuje wrapper <nav class="woocommerce-pagination"> (Tailwind),
 * ale wewnętrzny markup z paginate_links() (ul/li/.page-numbers) nie miał
 * ŻADNYCH stylów — renderował się jako pionowa lista tekstowa.
 *
 * Wygląd spójny z komponentem .btn (pill, Black-50 tło, hover Black-100,
 * bieżąca strona Black-950 z białym tekstem). Fallbacki w var() na wypadek
 * ładowania przed bundlem app-*.css.
 */

.woocommerce-pagination {
    justify-content: center;
    width: 100%;
}

.woocommerce-pagination ul.page-numbers {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: calc(var(--spacing, .25rem) * 2);
    list-style: none;
    margin: 0;
    padding: 0;
}

.woocommerce-pagination ul.page-numbers li {
    margin: 0;
}

.woocommerce-pagination ul.page-numbers .page-numbers {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: calc(var(--spacing, .25rem) * 1);
    min-width: 2.75rem;
    height: 2.75rem;
    padding: 0 calc(var(--spacing, .25rem) * 3);
    border-radius: 9999px;
    background-color: var(--color-Black-50, #f6f6f6);
    color: inherit;
    font-weight: var(--font-weight-medium, 500);
    text-decoration: none;
    transition: background-color .15s ease, color .15s ease;
}

.woocommerce-pagination ul.page-numbers a.page-numbers:hover {
    background-color: var(--color-Black-100, #e7e7e7);
}

.woocommerce-pagination ul.page-numbers a.page-numbers:focus-visible {
    outline: 2px solid var(--color-Black-950, #000);
    outline-offset: 2px;
}

.woocommerce-pagination ul.page-numbers .page-numbers.current {
    background-color: var(--color-Black-950, #000);
    color: var(--color-white, #fff);
}

.woocommerce-pagination ul.page-numbers .page-numbers.dots {
    min-width: auto;
    padding: 0 calc(var(--spacing, .25rem) * 1);
    background: none;
}

/* Bez grup selektorów — minifier WP Rocket potrafi je zmanglować
   (memory: feedback_wprocket_minifier_selector_groups). */
.woocommerce-pagination ul.page-numbers .prev {
    padding: 0 calc(var(--spacing, .25rem) * 4);
}

.woocommerce-pagination ul.page-numbers .next {
    padding: 0 calc(var(--spacing, .25rem) * 4);
}