/* Задайте своё человеческое название файла между '' */
/* --human-name-css: 'Постраничная навигация'; */

/* Укажите имя автора между '' */
/* --human-author-css: 'Oleksii Sukhoi'; */

/* Задайте путь до аватара автора между "" */
/* --human-author-image-css: "https://experimentum-life-practice.com/wp-content/uploads/2026/07/logo-small-dummy-hd.png"; */

/* Задайте своё человеческое описание файла между '' */
/* --human-description-css: 'Дизайн кнопок постраничной навигации рубрик и материалов. Включает в себя параметры, редактируемые в настройках MEMBERLUX, заменяя их значения.'; */

/* ----------------- */
/* НАСТРОЙКИ ДИЗАЙНА */
/* ----------------- */

:root {

    /*Цвет фона неактивной страницы*/
    --bg-wp-pagenavi: #FFFFFF;

    /*Цвет текста неактивной страницы*/
    --color-wp-pagenavi: #256C5A;

    /*Цвет рамки неактивной страницы*/
    --border-color-wp-pagenavi: #256C5A;

    /*Цвет фона при наведении*/
    --bg-wp-pagenavi-hover: #51897B;

    /*Цвет текста при наведении*/
    --color-wp-pagenavi-hover: #FFFFFF;

    /*Цвет рамки при наведении*/
    --border-color-wp-pagenavi-hover: #51897B;

    /*Цвет фона текущей страницы*/
    --bg-wp-pagenavi-current: #256C5A;

    /*Цвет текста текущей страницы*/
    --color-wp-pagenavi-current: #FFFFFF;

    /*Цвет рамки текущей страницы*/
    --border-color-wp-pagenavi-current: #256C5A;

    /*Цвет фона кнопки Следующая / Предыдущая*/
    /*код цвета или transparent — для прозрачного*/
    --bg-wp-pagenavi-postlink: transparent;

    /*Цвет текста кнопки Следующая / Предыдущая*/
    --color-wp-pagenavi-postlink: #080722;

    /*Цвет рамки кнопки Следующая / Предыдущая*/
    /*код цвета или transparent — для прозрачного*/
    --border-color-wp-pagenavi-postlink: transparent;

    /*Цвет фона кнопки Следующая / Предыдущая при наведении*/
    /*код цвета или transparent — для прозрачного*/
    --bg-wp-pagenavi-postlink-hover: #51897B;

    /*Цвет текста кнопки Следующая / Предыдущая при наведении*/
    --color-wp-pagenavi-postlink-hover: #FFFFFF;

    /*Цвет рамки кнопки Следующая / Предыдущая при наведении*/
    /*код цвета или transparent — для прозрачного*/
    --border-color-wp-pagenavi-postlink-hover: #51897B;
    
    /*Внутренние отступы
    первое число — сверху и снизу от номера страницы
    второе число — по бокам от номера страницы*/
    --padding-wp-pagenavi: 10px 12px;
    
    /*Половина расстояния между кнопками*/
    --margin-between-wp-pagenavi: 3px;
    
    /*Радиус скругления углов кнопки*/
    --border-radius-wp-pagenavi: 8px;
    
    /*Контур
    число — толщина границы
    тип линии может быть: solid — обычная, dashed — пунктирная, dotted — точками, none — рамка отсутствует */
    --border-wp-pagenavi: 1px solid;

    /*Размер шрифта кнопок постраничной навигации*/
    --font-size-wp-pagenavi: 16px;

    }

/* ------------------------- */
/* НЕ ТРОГАЙТЕ ВСЁ, ЧТО НИЖЕ */
/* ------------------------- */

/*Неактивная страница*/
.wp-pagenavi .page {
    background:  var(--bg-wp-pagenavi); /*Цвет фона*/
    color:  var(--color-wp-pagenavi); /*Цвет текста*/
    border-color:  var(--border-color-wp-pagenavi); /*Цвет рамки*/
}

/*При наведении*/
.wp-pagenavi .page:hover {
    background:  var(--bg-wp-pagenavi-hover); /*Цвет фона при наведении*/
    color:  var(--color-wp-pagenavi-hover); /*Цвет текста при наведении*/
    border-color:  var(--border-color-wp-pagenavi-hover); /*Цвет рамки при наведении*/
}

/*Текущая страница*/
.wp-pagenavi .current, .wp-pagenavi .current:hover {
    background:  var(--bg-wp-pagenavi-current); /*Цвет фона текущей страницы*/
    color:  var(--color-wp-pagenavi-current); /*Цвет текста текущей страницы*/
    border-color:  var(--border-color-wp-pagenavi-current); /*Цвет рамки текущей страницы*/
}

/*Следующая / Предыдущая*/
.wp-pagenavi .nextpostslink, .wp-pagenavi .prevpostslink {
    background:  var(--bg-wp-pagenavi-postlink); /*Цвет фона кнопки Следующая / Предыдущая*/
    color:  var(--color-wp-pagenavi-postlink); /*Цвет текста кнопки Следующая / Предыдущая*/
    border-color:  var(--border-color-wp-pagenavi-postlink); /*Цвет рамки кнопки Следующая / Предыдущая*/
}

/*Следующая / Предыдущая при наведении*/
.wp-pagenavi .nextpostslink:hover, .wp-pagenavi .prevpostslink:hover {
    background:  var(--bg-wp-pagenavi-postlink-hover); /*Цвет фона кнопки Следующая / Предыдущая при наведении*/
    color:  var(--color-wp-pagenavi-postlink-hover); /*Цвет текста кнопки Следующая / Предыдущая при наведении*/
    border-color:  var(--border-color-wp-pagenavi-postlink-hover); /*Цвет рамки кнопки Следующая / Предыдущая при наведении*/
}

/*Параметры кнопок постраничной навигации*/
.wp-pagenavi a, .wp-pagenavi .current, .wp-pagenavi .extend {
    padding: var(--padding-wp-pagenavi); /*Внутренние отступы*/
    margin: 0 var(--margin-between-wp-pagenavi); /*Внешние отступы — Половина расстояния между кнопками*/
    border-radius: var(--border-radius-wp-pagenavi); /*Радиус скругления углов кнопки*/
    border: var(--border-wp-pagenavi) transparent; /*Контур*/
}

/*Текст кнопок постраничной навигации*/
.wp-pagenavi {
    font-size: var(--font-size-wp-pagenavi);
}