/* 
 * ProKazan Theme - Style overrides
 * Заменяет семейство шрифтов Avenir Next Cyr на Roboto
 */

/* Переопределяем CSS переменные для темы ProKazan */
:root {
    --font-main: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
    
    /* Цветовая схема для ProKazan */
    --color-main: #000;
    --color-secondary: #f1f1f1;
    --color-additional: #a7a7a7;
    --color-border: #2881c4;  /* Основной синий цвет для prokazan.ru */
    --color-text: #333;
    --size-border: 3px;
}

/* Применяем Roboto ко всем элементам */
body * {
    font-family: var(--font-main, "Roboto") !important;
    letter-spacing: 0.03em;
}

/* Убеждаемся, что заголовки также используют Roboto */
h1, h2, h3, h4, h5, h6 {
    font-family: "Roboto" !important;
}

/* Специфичные переопределения для элементов, которые могут явно указывать Avenir */
.article-content,
.news-item,
.category-name,
.site-name,
.menu-item,
button,
input,
textarea,
select {
    font-family: "Roboto" !important;
}

/* Переопределения цветов для ProKazan */
.header {
    border-bottom: var(--size-border, 3px) solid var(--color-border, #2881c4);
}

.header .main-menu {
    border-bottom: 1px solid var(--color-border, #2881c4);
}

.cdr-name {
    border-bottom: var(--size-border, 2px) solid var(--color-border, #2881c4);
}

.news-info .sections-i {
    background: var(--color-border, #2881c4) !important;
}


.article-content a {
    border-bottom: 2px solid var(--color-border, #2881c4);
}

.news-text a:hover {
    color: var(--color-border, #2881c4);
}

.rating-item:hover, .rating-item.active {
    background: var(--color-border, #2881c4);
}

.read-social > a {
    background: var(--color-border, #2881c4);
}

.next-news-link {
    background: var(--color-border, #2881c4);
}

.pagination li:hover {
    color: var(--color-border, #2881c4);
}

.pagination li.active {
    background: var(--color-border, #2881c4);
}

/* Переопределения для кнопок и ссылок */
button, .btn, .button {
    background: var(--color-border, #2881c4);
    border-color: var(--color-border, #2881c4);
}

button:hover, .btn:hover, .button:hover {
    background: #2a5a8a;
    border-color: #2a5a8a;
}