.pa-navigation.wp-pagenavi {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--pa-nav-gap, 6px);
    justify-content: var(--pa-nav-justify, center);
    margin: var(--pa-nav-margin-top, 20px) 0 var(--pa-nav-margin-bottom, 0);
}

.pa-navigation-total,
.pa-navigation .pages {
    color: #555;
    font-size: var(--pa-nav-font-size, 13px);
    margin-right: 4px;
}

.pa-navigation a,
.pa-navigation .pa-navigation-current,
.pa-navigation .current,
.pa-navigation .extend {
    border: 1px solid var(--pa-nav-border-color, #d8d8d8);
    border-radius: var(--pa-nav-radius, 4px);
    color: var(--pa-nav-link-color, #333);
    display: inline-block;
    font-size: var(--pa-nav-font-size, 13px);
    line-height: 1.2;
    min-width: var(--pa-nav-min-width, 30px);
    padding: var(--pa-nav-padding-y, 5px) var(--pa-nav-padding-x, 8px);
    text-align: center;
    text-decoration: none;
    transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

.pa-navigation a:hover,
.pa-navigation a:focus {
    background-color: var(--pa-nav-hover-bg, #f4f4f4);
    border-color: var(--pa-nav-hover-border, #999);
    color: var(--pa-nav-hover-color, #111);
}

.pa-navigation .pa-navigation-current,
.pa-navigation .current {
    background-color: var(--pa-nav-current-bg, #1d4f91);
    border-color: var(--pa-nav-current-bg, #1d4f91);
    color: var(--pa-nav-current-color, #fff);
    font-weight: 700;
}

.pa-navigation .pa-navigation-dots,
.pa-navigation .extend {
    border-color: transparent;
    min-width: auto;
    padding-left: 4px;
    padding-right: 4px;
}

.pa-navigation-dropdown select {
    border: 1px solid var(--pa-nav-border-color, #d8d8d8);
    border-radius: var(--pa-nav-radius, 4px);
    font-size: var(--pa-nav-font-size, 13px);
    min-width: 120px;
    padding: var(--pa-nav-padding-y, 5px) var(--pa-nav-padding-x, 8px);
}

/* Compatibilità con markup paginate_links legacy */
.pa-navigation .page-numbers {
    border: 1px solid var(--pa-nav-border-color, #d8d8d8);
    border-radius: var(--pa-nav-radius, 4px);
    color: var(--pa-nav-link-color, #333);
    display: inline-block;
    font-size: var(--pa-nav-font-size, 13px);
    line-height: 1.2;
    min-width: var(--pa-nav-min-width, 30px);
    padding: var(--pa-nav-padding-y, 5px) var(--pa-nav-padding-x, 8px);
    text-align: center;
    text-decoration: none;
}

.pa-navigation a.page-numbers:hover,
.pa-navigation a.page-numbers:focus {
    background-color: var(--pa-nav-hover-bg, #f4f4f4);
    border-color: var(--pa-nav-hover-border, #999);
    color: var(--pa-nav-hover-color, #111);
}

.pa-navigation .page-numbers.current {
    background-color: var(--pa-nav-current-bg, #1d4f91);
    border-color: var(--pa-nav-current-bg, #1d4f91);
    color: var(--pa-nav-current-color, #fff);
    font-weight: 700;
}

/* Sovrascrive stili legacy del tema */
.pa-navigation.wp-pagenavi a,
.pa-navigation.wp-pagenavi span {
    background: transparent !important;
    font-size: var(--pa-nav-font-size, 13px) !important;
    line-height: 1.2 !important;
    padding: var(--pa-nav-padding-y, 5px) var(--pa-nav-padding-x, 8px) !important;
}

.pa-navigation.wp-pagenavi a:hover {
    background: var(--pa-nav-hover-bg, #f4f4f4) !important;
    color: var(--pa-nav-hover-color, #111) !important;
}

.pa-navigation.wp-pagenavi span.current {
    background: var(--pa-nav-current-bg, #1d4f91) !important;
    color: var(--pa-nav-current-color, #fff) !important;
}

.pa-navigation.wp-pagenavi .pages {
    background: none !important;
}
