/*
Default style for WP-PageNavi plugin

http://wordpress.org/extend/plugins/wp-pagenavi/
*/

.wp-pagenavi {
    clear: both;
    display: flex;
    justify-content: center;
    gap: 6px; /* расстояние между кнопками */
    margin: 20px 0;
}

.wp-pagenavi a, 
.wp-pagenavi span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;  /* фиксированная ширина */
    height: 32px; /* фиксированная высота */
    border-radius: 50% !important; /* круглые кнопки */
    font-size: 14px !important; /* размер текста */
    text-decoration: none;
    border: 1px solid #BFBFBF !important; /* статичная обводка */
    padding: 0;
    margin: 0;
    transition: background-color 0.2s ease; /* плавное изменение фона */
}

/* Текущая страница */
.wp-pagenavi span.current {
	font-weight: bold;
    color: #333;
}

/* Состояние наведения */
.wp-pagenavi a:hover {
    background-color: #f0f0f0; /* легкое затемнение */
}

/* Активное состояние (нажатие) */
.wp-pagenavi a:active {
    background-color: #e0e0e0; /* такое же как у текущей страницы */
}

/* Отключаем изменение обводки во всех состояниях */
.wp-pagenavi a:hover, 
.wp-pagenavi span.current, 
.wp-pagenavi a:active, 
.wp-pagenavi span {
    border-color: #BFBFBF !important;
}