/*
 * Стили для адаптивного режима работы.
 * Используется Flexbox для адаптивного расположения двух секций (Касса / Библиотека).
 */

/* ================== MAIN ADAPTIVE WRAPPER ================== */

/* Контейнер, который управляет расположением Кассы и Библиотеки */
.schedule-main-wrapper {
    display: flex; /* По умолчанию - бок о бок (для десктопа) */
    gap: 20px; /* Отступ между секциями */
}

/* Общий стиль для каждой секции (Касса и Библиотека) */
.schedule-section {
    flex: 1 1 50%; /* Каждая секция занимает 50% ширины */
    border: 1px solid #e0e0e0;
    /*border-radius: 8px;*/
    overflow: hidden;
    font-size: 0.95rem;
    background-color: #f0f0f0; /* Фон для всего блока */
}

/* ================== SECTION HEADER STYLES ================== */

/* Заголовок секции (Касса или Библиотека) */
.schedule-header {
    background-color: #7f7d7e; /* Темно-серый фон */
    color: white;
    text-align: center;
    padding: 10px 15px;
	min-height: 68px;
	color: #fff;
  font-family: "UbuntuLight";
  letter-spacing: 1px;
  line-height: 2.45;
}
.schedule-header p {
    margin: 0;
font-size: 20px;
}

/* ================== CONTENT ROW STYLES ================== */

/* Каждая строка (День + Время) */
.schedule-row {
    display: flex; /* Flexbox для расположения День-Время */
    border-bottom: 1px solid #e0e0e0;
}

/* Убираем нижнюю границу у последней строки в каждой секции */
.schedule-section:not(:has(.schedule-footer-wrapper)) .schedule-row:last-of-type {
    border-bottom: none;
}
/* Если есть футер, граница остается для отделения его */
.schedule-section:has(.schedule-footer-wrapper) .schedule-row:last-of-type {
    border-bottom: none;
}

/* Чередующиеся строки (имитация is-striped) */
.schedule-row:nth-child(even) {
    background-color: #fff;
}

/* Ячейки: День и Время */
.schedule-cell {
    padding: 12px 15px;
    width: 50%; /* День и Время делят 50/50 */
}
.schedule-cell p {
    margin: 0;
}

/* Вертикальный разделитель между ячейками День и Время */
.schedule-row .schedule-cell:first-child {
    border-right: 1px solid #e0e0e0;
}

/* ================== FOOTER STYLES ================== */

.schedule-footer-wrapper {
    display: flex;
    background-color: #f0f0f0;
    font-size: 0.85rem;
    border-top: 2px solid #e0e0e0;
}

.schedule-footer {
    padding: 8px 15px;
    width: 100%;
}
.schedule-footer p {
    margin: 0;
}


/* ================== MOBILE ADAPTATION (max-width 640px) ================== */

@media (max-width: 640px) {
    /* Главный контейнер переключается на вертикальное расположение */
    .schedule-main-wrapper {
        flex-direction: column; 
        gap: 0; /* Убираем отступ между секциями */
    }
    
    /* Секции (Касса и Библиотека) теперь полностью адаптивны */
    .schedule-section {
        flex: 1 1 100%;
        margin-bottom: 15px; /* Добавляем отступ между Кассой и Библиотекой */
    }

    /* В мобильной версии ячейки День и Время идут друг за другом (stacking) */
    .schedule-row {
        flex-direction: column;
    }
    
    .schedule-cell {
        width: 100%; /* Каждая ячейка занимает всю ширину */
        border-right: none !important;
    }
    
    /* Используем flex для разделения меток и данных на мобильном */
    .schedule-cell {
        display: flex;
        justify-content: space-between;
    }

    /* Убираем вертикальный разделитель */
    .schedule-row .schedule-cell:first-child {
        border-right: none;
        border-bottom: 1px solid #e0e0e0; /* Горизонтальный разделитель */
    }

    /* Скрываем элемент <p> внутри первой ячейки и заменяем его на метку через ::before */
    .schedule-section.section-kassa .schedule-row .schedule-cell:first-child p::before {
        content: 'День: ';
        font-weight: bold;
    }
    .schedule-section.section-biblioteka .schedule-row .schedule-cell:first-child p::before {
        content: 'День: ';
        font-weight: bold;
    }
    
    /* Добавляем метку "Время" через ::before для второй ячейки */
    .schedule-section .schedule-row .schedule-cell:last-child p::before {
        content: 'Время: ';
        font-weight: bold;
    }

    /* Футер Кассы и Библиотеки */
    .schedule-footer-wrapper {
        flex-direction: column;
    }
    .schedule-footer {
        width: 100%;
        text-align: left !important;
        border-right: none !important;
    }
    .schedule-footer:first-child {
        border-bottom: 1px solid #e0e0e0;
    }
    
    /* Убираем ненужный отступ слева для текста о масках на мобильном */
    .info-text-wrapper {
        padding-left: 0;
    }
}


/* ================== BUTTON/INFO STYLES ================== */

.info-text-wrapper {
}
.info-text {
    text-align: center;
}

/* Стили для контейнера кнопки */
.button-container {
    text-align: center;
	display: inline-block;
    padding: 20px 0px 10px 20px;
    border: 1px solid #ccc;
    /*border-radius: 4px;*/
    text-decoration: none;
    color: #333;
    background-color: #f9f9f9;
    font-weight: 500;
	margin: 20px 0 20px;
	width: 100%;
}

/* Стили для кнопки "План зрительного зала ДК" */
.plan-button {
    display: inline-block;
    padding: 10px 20px;

    text-decoration: none;
    color: #333;
    background-color: #f9f9f9;
    font-weight: 500;
}