/* Стили для обеспечения читаемости контента поверх анимированного фона */

/* Общие стили для всех текстовых блоков */
section, article, .content-section, .text-content {
    position: relative;
    z-index: 1;
    background: rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(5px);
    border-radius: 10px;
    padding: 20px;
    margin: 20px 0;
}

/* Заголовки */
h1, h2, h3, h4, h5, h6 {
    position: relative;
    z-index: 1;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}

/* Параграфы и текст */
p, span, div, li {
    position: relative;
    z-index: 1;
}

/* Карточки и блоки контента */
.card, .news-item, .event-card, .category-card {
    position: relative;
    z-index: 1;
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.2);
}

/* Модальные окна должны быть поверх всего */
.modal {
    z-index: 1000 !important;
}

/* Специальные модальные окна расписания и мероприятий */
.schedule-modal,
.events-modal {
    z-index: 99999 !important;
}

.modal-content {
    position: relative;
    z-index: 1001 !important;
}

.schedule-content,
.events-content {
    position: relative;
    z-index: 100000 !important;
}

/* Формы */
form, .form-group, input, textarea, select {
    position: relative;
    z-index: 1;
}

/* Кнопки */
button, .btn {
    position: relative;
    z-index: 1;
}

/* Таблицы */
table, .table {
    position: relative;
    z-index: 1;
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(10px);
}

/* Списки */
ul, ol {
    position: relative;
    z-index: 1;
}

/* Убеждаемся, что header и footer поверх фона */
header, footer {
    position: relative;
    z-index: 100 !important;
}

/* Контейнеры контента */
main, .main-content, .page-content {
    position: relative;
    z-index: 1;
}