/* Пользовательские цвета шаблона */
:root {
    --cassiopeia-color-primary: #b50c00; /* Основной цвет */
    --cassiopeia-color-hover: #b50c00; /* Цвет при наведении */  
}

/* Цвет ссылок */
a {
    color: #9e0d00;
}

/* Цвет ссылок у погинации */
.page-link, .page-link:hover {
    color: #9e0d00;
}

/* Адаптация видео по ширине с помощью CSS */
/* Общие настройки для всех элементов */
*, *::after, *::before {
    box-sizing: border-box;
    max-width: 100%; /* Убедитесь, что все элементы не превышают ширину контейнера */
}

/* Медиазапрос для адаптации iframe на мобильных устройствах */
@media (max-width: 575.98px) { 
    iframe {
        width: 100%;
        height: auto; /* Поддержка пропорциональной высоты */
        max-width: 100%; /* Убедитесь, что iframe не выйдет за границы контейнера */
    }
}

/* Информация о материале отображалась в строку */
.article-info dd {
    padding: 0;
    display: inline-block;
    margin-right: 1em;
}

/* Кнопка погинации красный цвет */
.pagination {
    --pagination-active-bg: #b50c00;
    --pagination-active-border-color: #b50c00;
}

/* Убирает подчеркивание ссылок */
a:not([class]) {
    text-decoration: none;
}

/* Делаем пагинацию горизонтальной даже на мобильных устройствах */
.pagination__wrapper {
    overflow: auto; /* Добавляем горизонтальный скролл при необходимости */
}