/* ============================================================================
   modern.css — аддитивный слой современного оформления для riverrise.ru
   Подключается ПОСЛЕ style.css. Только безопасные улучшения:
   шрифт, плавные переходы, ховер-эффекты, скроллбар, анимации.
   НЕ меняет ширины/позиции/box-sizing/угловые картинки — вёрстка не ломается.
   ============================================================================ */

@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500;700&display=swap');

/* --- типографика: современный шрифт + сглаживание (размеры не трогаем) --- */
body,
.standardbox,
.standardbox article,
.wrapper .content,
.breadcrumb,
.comment,
footer {
    font-family: 'Rubik', 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

/* --- выделение текста в фирменном цвете --- */
::selection      { background: #0099ff; color: #fff; }
::-moz-selection { background: #0099ff; color: #fff; }

/* --- кастомный скроллбар под тему --- */
html { scrollbar-color: #0a6f99 #0a1722; scrollbar-width: thin; }
::-webkit-scrollbar { width: 11px; height: 11px; }
::-webkit-scrollbar-track { background: #0a1722; }
::-webkit-scrollbar-thumb { background: #0a6f99; border-radius: 6px; border: 2px solid #0a1722; }
::-webkit-scrollbar-thumb:hover { background: #0099ff; }

/* --- плавные переходы для интерактивных элементов --- */
a,
.button,
.news_cut,
nav a,
footer a,
.standardbox article img.thumb {
    transition: color .2s ease, background-color .2s ease, box-shadow .25s ease,
                text-shadow .2s ease, transform .25s ease, opacity .2s ease;
}

/* --- лёгкое появление контента (только прозрачность, без transform —
   чтобы не влиять на слайдер и фиксированные элементы) --- */
@keyframes ar-fade-in {
    from { opacity: 0; }
    to   { opacity: 1; }
}
.content { animation: ar-fade-in .5s ease both; }

/* --- карточки (новости и боксы): подъём + свечение при наведении --- */
.standardbox { transition: transform .25s ease, box-shadow .25s ease; }
.news .standardbox:hover,
.right_column .standardbox:hover {
    transform: translateY(-3px);
    box-shadow: 0 12px 30px rgba(0, 0, 0, .7), 0 0 0 1px rgba(0, 153, 255, .28);
}
/* не «дёргать» блоки комментариев/формы при наведении */
.standardbox#comments:hover,
.standardbox.search:hover { transform: none; }

/* заголовок новости — плавный акцент при наведении на карточку */
.standardbox .topbar .title { transition: color .2s ease, text-shadow .2s ease; }
.news .standardbox:hover .topbar .title,
.right_column .standardbox:hover .topbar .title { color: #8fe0ff; text-shadow: 0 0 10px rgba(0, 153, 255, .7); }

/* --- миниатюра новости: мягкий зум --- */
.standardbox article img.thumb:hover {
    transform: scale(1.03);
    box-shadow: 0 0 18px rgba(0, 153, 255, .55) !important;
}

/* --- кнопки: градиент + подъём --- */
.button {
    background: linear-gradient(180deg, #0a8fd6, #036aa6) !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .4);
    letter-spacing: .3px;
}
.button:hover {
    background: linear-gradient(180deg, #19a6f0, #0a8fd6) !important;
    transform: translateY(-1px);
    box-shadow: 0 5px 16px rgba(0, 153, 255, .45);
    text-shadow: none;
}

/* --- кнопки левого меню (спрайты): свечение при наведении --- */
.nbutton { transition: box-shadow .25s ease, background-color .2s ease; }
.nbutton:hover { box-shadow: 0 0 18px rgba(0, 153, 255, .55), 0 0 15px rgba(0,0,0,.6); }

/* --- ссылка «полный текст» --- */
.article_bottom .news_cut:hover { color: #fff; text-shadow: 0 0 8px #0099ff; }

/* --- верхняя навигация: чуть ярче и плавно --- */
nav a:hover { text-shadow: 0 0 8px rgba(0, 153, 255, .6); }

/* --- подписи слайдера: современный полупрозрачный блок со «стеклом» --- */
.nivo-html-caption {
    background: rgba(2, 18, 28, .72) !important;
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    border-radius: 8px;
    border: 1px solid rgba(0, 153, 255, .25);
    color: #dff3ff !important;
    box-shadow: 0 6px 18px rgba(0, 0, 0, .5);
}

/* --- футер: ссылки плавно подсвечиваются --- */
footer a:hover { text-shadow: 0 0 8px rgba(0, 153, 255, .6); }

/* --- аккуратные радиусы у миниатюр/изображений в новостях (без смены размеров) --- */
.standardbox article img.thumb { border-radius: 6px; }