/* Общие стили для версии для слабовидящих */
body {
    background-color: #121212 !important; /* Темный серый вместо черного для мягкости */
    color: #e0e0e0 !important; /* Светло-серый текст для контраста */
    font-size: 22px !important;
    line-height: 1.8 !important;
    font-family: Arial, sans-serif !important;
}

/* Карточки */
.card {
    margin: 15px !important;
    background-color: #1e1e1e !important; /* Темно-серый фон */
    color: #e0e0e0 !important;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.5) !important; /* Более мягкие тени */
    border-radius: 10px !important; /* Скругленные углы */
}

/* Изображения в карточках */
.card-img-container {
    width: 100% !important;
    height: 250px !important;
    overflow: hidden !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    border-radius: 10px 10px 0 0 !important; /* Скругленные верхние углы */
}

.card-img-container img {
    object-fit: cover !important;
    width: 100% !important;
    height: 100% !important;
    filter: grayscale(80%) contrast(1.5) brightness(0.9) !important; /* Более мягкий контраст */
}

/* Блок расписания */
.schedule {
    background-color: #1e1e1e !important;
    padding: 25px !important;
    border-radius: 10px !important;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.5) !important;
    color: #e0e0e0 !important;
}

.schedule h4 {
    margin-top: 30px !important;
    margin-bottom: 40px !important;
    color: #ffffff !important;
    text-decoration: underline !important;
    font-weight: bold !important;
}

.schedule ul {
    list-style-type: none !important;
    padding: 0 !important;
}

.schedule li {
    margin: 12px 0 !important;
    font-size: 20px !important;
    color: #d0d0d0 !important;
}

.schedule li strong {
    color: #ffffff !important;
}

/* Ссылки */
a {
    color: #1e90ff !important;
    text-decoration: underline !important;
    font-weight: bold !important;
}

a:hover {
    color: #00bfff !important; /* Голубой для наведения */
}

/* Кнопки */
button, .btn {
    background-color: #2c2c2c !important;
    color: #ffffff !important;
    border: 2px solid #444 !important;
    padding: 12px 20px !important;
    font-size: 18px !important;
    border-radius: 8px !important;
    transition: background-color 0.3s ease, color 0.3s ease;
}

button:hover, .btn:hover {
    background-color: #444 !important;
    color: #00bfff !important; /* Акцент на тексте */
    border-color: #00bfff !important;
}

/* Хедер и футер */
header, footer {
    background-color: #1e1e1e !important;
    color: #e0e0e0 !important;
    padding: 15px 0 !important;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5) !important;
}

footer a {
    color: #aaa !important;
    font-size: 18px !important;
}

footer a:hover {
    color: #ffffff !important;
    font-weight: bold !important;
}

/* Контейнеры */
.container {
    padding: 20px !important;
    background-color: #1e1e1e !important;
    border-radius: 10px !important;
}

/* Хедер */
header {
    background-color: #1e1e1e !important; /* Темно-серый фон */
    color: #ffffff !important; /* Белый текст для контраста */
    padding: 20px 0 !important;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.7) !important;
}

header .blog-header .row {
    align-items: center !important;
}

header .blog-header img {
    max-height: 80px !important; /* Ограниченная высота логотипа */
    object-fit: contain !important;
}

header .text-muted {
    color: #f0f0f0 !important; /* Светло-серый текст */
    font-size: 18px !important; /* Увеличенный размер шрифта */
    line-height: 1.6 !important;
}

header .text-muted a {
    color: #1e90ff !important; /* Синие ссылки */
    text-decoration: none !important;
}

header .text-muted a:hover {
    color: #00bfff !important; /* Голубой цвет при наведении */
    text-decoration: underline !important;
}

header .fa {
    color: #00bfff !important; /* Голубые иконки */
    margin-right: 5px !important;
}

header button.btn-sm,
header a.btn-sm {
    background-color: #444 !important;
    color: #ffffff !important;
    border: 2px solid #555 !important;
    padding: 8px 12px !important;
    font-size: 16px !important;
    border-radius: 5px !important;
    transition: background-color 0.3s ease, color 0.3s ease;
}

header button.btn-sm:hover,
header a.btn-sm:hover {
    background-color: #555 !important;
    color: #00bfff !important;
    border-color: #00bfff !important;
}

header .link-secondary {
    color: #ffffff !important; /* Белый цвет для иконки поиска */
    transition: color 0.3s ease;
}

header .link-secondary:hover {
    color: #00bfff !important;
}