/* WooCommerce shop pagination — Style 2 (rounded buttons). Loaded after woocommerce.css when selected in the Customizer.
   Layout rules use the body class; color rules wrap it in :where() so the Customizer pagination color options still override them. */
body.ahura-wc-pagination-style-2 {
    --ahura-wc-pagination-accent: var(--ahura-theme-primary, #1d67e8);
    --ahura-wc-pagination-bg: #fff;
    --ahura-wc-pagination-text: #374151;
    --ahura-wc-pagination-border: #e5e7eb;
    --ahura-wc-pagination-hover-bg: var(--ahura-theme-surface-deep, rgba(29, 103, 232, .11));
}

html:is(.ahura-dark-theme, .ahura-black-theme) body.ahura-wc-pagination-style-2 {
    --ahura-wc-pagination-bg: #1f2430;
    --ahura-wc-pagination-text: #e5e7eb;
    --ahura-wc-pagination-border: #374151;
    --ahura-wc-pagination-hover-bg: var(--ahura-theme-glow-soft, rgba(29, 103, 232, .14));
}

body.ahura-wc-pagination-style-2 nav.woocommerce-pagination ul.page-numbers {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin: 0;
    padding: 0;
    border: 0;
    background: none;
    white-space: normal;
}

body.ahura-wc-pagination-style-2 nav.woocommerce-pagination ul.page-numbers li {
    float: none;
    display: block;
    margin: 0;
    border: 0;
    overflow: visible;
}

:where(body.ahura-wc-pagination-style-2) nav.woocommerce-pagination ul.page-numbers li .page-numbers {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    min-width: 44px;
    height: 44px;
    padding: 0 12px;
    border: 1px solid var(--ahura-wc-pagination-border);
    border-radius: 12px;
    background-color: var(--ahura-wc-pagination-bg);
    color: var(--ahura-wc-pagination-text);
    box-shadow: none;
    font-size: 15px;
    font-weight: 600;
    line-height: 1;
    text-decoration: none;
    transition: color .2s ease, background-color .2s ease, border-color .2s ease, transform .2s ease;
}

:where(body.ahura-wc-pagination-style-2) nav.woocommerce-pagination ul.page-numbers li a.page-numbers:is(:hover, :focus-visible) {
    background-color: var(--ahura-wc-pagination-hover-bg);
    color: var(--ahura-wc-pagination-accent);
    border-color: var(--ahura-wc-pagination-accent);
    transform: translateY(-2px);
    outline: none;
}

:where(body.ahura-wc-pagination-style-2) nav.woocommerce-pagination ul.page-numbers li span.current {
    color: #fff;
    background-color: var(--ahura-wc-pagination-accent);
    border-color: var(--ahura-wc-pagination-accent);
}

:where(body.ahura-wc-pagination-style-2) nav.woocommerce-pagination ul.page-numbers li :is(.prev, .next) {
    font-size: 18px;
}

:where(body.ahura-wc-pagination-style-2) nav.woocommerce-pagination ul.page-numbers li span.dots {
    min-width: 24px;
    padding: 0 4px;
    background: none;
    border-color: transparent;
}