.elementor-2894 .elementor-element.elementor-element-2404766{width:var( --container-widget-width, 1320px );max-width:1320px;--container-widget-width:1320px;--container-widget-flex-grow:0;}.elementor-2894 .elementor-element.elementor-element-2404766 > .elementor-widget-container{margin:50px 0px 0px 0px;}@media(max-width:767px){.elementor-2894 .elementor-element.elementor-element-2404766{--container-widget-width:350px;--container-widget-flex-grow:0;width:var( --container-widget-width, 350px );max-width:350px;}}/* Start custom CSS for timetable, class: .elementor-element-2404766 *//* ===== ТАБЛИЦА: общий контейнер ===== */
.mptt-shortcode-wrapper .mptt-shortcode-table {
    border-collapse: collapse;
    border: 2px solid rgba(240, 165, 0, 0.15) !important;
    table-layout: fixed !important;
}

/* ===== ШАПКА (дни недели) ===== */
.mptt-shortcode-wrapper .mptt-shortcode-table thead th {
    background-color: #1a1a1a !important;
    color: #f0a500 !important;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-size: 14px;
    padding: 14px 8px !important;
    border: 2px solid rgba(240, 165, 0, 0.15) !important;
}

/* ===== КОЛОНКА ВРЕМЕНИ (шапка + тело) ===== */
.mptt-shortcode-wrapper .mptt-shortcode-table tbody td.mptt-shortcode-hours,
.mptt-shortcode-wrapper .mptt-shortcode-table thead th:first-child {
    width: 70px !important;
    padding: 0 !important;
    white-space: nowrap;
}

.mptt-shortcode-wrapper .mptt-shortcode-table tbody td.mptt-shortcode-hours {
    background-color: #0d0d0d !important;
    color: #888 !important;
    font-size: 14px;
    text-align: center;
    vertical-align: middle;
    border: 1px solid rgba(255, 255, 255, 0.05) !important;
}

/* ===== ПУСТЫЕ ЯЧЕЙКИ ===== */
.mptt-shortcode-wrapper .mptt-shortcode-table tbody td {
    background-color: #111 !important;
    border: 1px solid rgba(255, 255, 255, 0.05);
    
}

/* ===== ФИЛЬТР-ВКЛАДКИ ===== */
.mptt-navigation-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    list-style: none;
    margin: 0 0 20px 0;
    padding: 0;
    border-bottom: 1px solid rgba(240, 165, 0, 0.2);
}

.mptt-navigation-tabs li {
    margin: 0;
}

.mptt-navigation-tabs li a {
    display: inline-block;
    padding: 8px 16px;
    color: #999;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    text-decoration: none;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
    transition: all 0.2s ease;
    cursor: pointer;
}

.mptt-navigation-tabs li a:hover {
    color: #f0a500;
}

.mptt-navigation-tabs li.active a {
    color: #f0a500 !important;
    background-color: #1a1a1a;
    border: 1px solid rgba(240, 165, 0, 0.3);
    border-bottom: 1px solid #1a1a1a;
    position: relative;
    top: 1px;
}

/* ===== ПАРАЛЛЕЛЬНЫЕ СОБЫТИЯ: разбивка по ширине ===== */

/* Ровно 2 события в ячейке */
.mptt-shortcode-wrapper td.mptt-shortcode-event:has(> .mptt-event-container:nth-child(2)):not(:has(> .mptt-event-container:nth-child(3))) > .mptt-event-container:nth-child(1) {
    left: 0 !important;
    width: calc(50% - 2px) !important;
    top: 0 !important;
    height: 100% !important;
}
.mptt-shortcode-wrapper td.mptt-shortcode-event:has(> .mptt-event-container:nth-child(2)):not(:has(> .mptt-event-container:nth-child(3))) > .mptt-event-container:nth-child(2) {
    left: calc(50% + 2px) !important;
    width: calc(50% - 2px) !important;
    top: 0 !important;
    height: 100% !important;
}

/* Ровно 3 события в ячейке */
.mptt-shortcode-wrapper td.mptt-shortcode-event:has(> .mptt-event-container:nth-child(3)) > .mptt-event-container:nth-child(1) {
    left: 0 !important; width: calc(33.33% - 2px) !important; top: 0 !important; height: 100% !important;
}
.mptt-shortcode-wrapper td.mptt-shortcode-event:has(> .mptt-event-container:nth-child(3)) > .mptt-event-container:nth-child(2) {
    left: calc(33.33% + 1px) !important; width: calc(33.33% - 2px) !important; top: 0 !important; height: 100% !important;
}
.mptt-shortcode-wrapper td.mptt-shortcode-event:has(> .mptt-event-container:nth-child(3)) > .mptt-event-container:nth-child(3) {
    left: calc(66.66% + 2px) !important; width: calc(33.33% - 2px) !important; top: 0 !important; height: 100% !important;
}

/* Плавность + слой при наведении */
.mptt-shortcode-wrapper td.mptt-shortcode-event:has(> .mptt-event-container:nth-child(2)) > .mptt-event-container {
    transition: left 0.2s ease, width 0.2s ease, box-shadow 0.2s ease;
    z-index: 1;
    overflow: hidden;
}

.mptt-shortcode-wrapper td.mptt-shortcode-event {
    overflow: visible;
}

/* Раскрытие на всю ширину при наведении — общее для 2 и 3 событий */
.mptt-shortcode-wrapper td.mptt-shortcode-event:has(> .mptt-event-container:nth-child(2)):not(:has(> .mptt-event-container:nth-child(3))) > .mptt-event-container:hover,
.mptt-shortcode-wrapper td.mptt-shortcode-event:has(> .mptt-event-container:nth-child(3)) > .mptt-event-container:hover {
    left: 0 !important;
    width: 100% !important;
    z-index: 30 !important;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.7);
    overflow: visible;
}

/* ===== АКЦЕНТНАЯ ПОЛОСА У СОБЫТИЙ ===== */
.mptt-shortcode-wrapper {
    /* === НАСТРОЙКИ: меняйте только здесь === */
    --event-border-color: #f0a500;   /* цвет полосы слева у события */
    --event-border-width: 3px;       /* толщина полосы слева */
    --event-radius: 4px;             /* скругление углов блока события */
    --cell-outline: 0.1px solid #423a2a;            /* обводка ячейки от плагина: none — убрать, или "1px solid #fff" — вернуть как было */
}

.mptt-shortcode-wrapper .mptt-event-container {
    box-sizing: border-box !important;
    border: none !important;
    outline: var(--cell-outline) !important;
    border-left: var(--event-border-width) solid var(--event-border-color) !important;
    border-radius: var(--event-radius);
}

/* ===== АДАПТАЦИЯ: ПЛАНШЕТ (таблица ещё видна, но сжимается) ===== */
@media (max-width: 1024px) {
    .mptt-shortcode-wrapper {
        overflow-x: auto;
    }
    .mptt-shortcode-table {
        min-width: 700px;
    }
    .mptt-navigation-tabs li a {
        font-size: 12px;
        padding: 6px 12px;
    }
}

/* ===== ПЕРЕОПРЕДЕЛЕНИЕ: ПЛАНШЕТ ===== */
@media (max-width: 1024px) {
    .mptt-shortcode-wrapper {
        --event-border-width: 4px;   /* ← своё значение для планшета */
        --event-radius: 6px;
    }
}

/* ===== АДАПТАЦИЯ: ТЕЛЕФОН (плагин переключается на список по дням) ===== */
@media (max-width: 767px) {

    /* Переопределение переменных — только для телефона */
    .mptt-shortcode-wrapper {
        --event-border-width: 5px;
        --event-radius: 8px;
    }

    .mptt-navigation-tabs {
        gap: 12px 20px !important;
        border-bottom: 1px solid rgba(240, 165, 0, 0.2) !important;
        padding-bottom: 12px !important;
    }
    .mptt-navigation-tabs li a {
        font-size: 15px !important;
        padding: 4px 0 !important;
    }

    html body .mptt-shortcode-list .mptt-column-title {
        color: var(--event-border-color, #f0a500) !important;
        text-transform: uppercase !important;
        letter-spacing: 0.5px !important;
        font-size: 22px !important;
        font-weight: 600 !important;
        margin: 28px 0 14px 0 !important;
        border-bottom: 1px solid rgba(240, 165, 0, 0.15) !important;
        padding-bottom: 8px !important;
    }

    html body .mptt-shortcode-list .mptt-events-list {
        list-style: none !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    html body .mptt-shortcode-list .mptt-list-event {
        box-sizing: border-box !important;
        background-color: #111 !important;
        border-left-width: var(--event-border-width, 5px) !important;
        border-left-style: solid !important;
        border-radius: var(--event-radius, 4px) !important;
        padding: 12px 16px !important;
        margin-bottom: 10px !important;
    }

    html body .mptt-shortcode-list .mptt-event-title {
        display: block !important;
        color: #ffffff !important;
        font-size: 16px !important;
        font-weight: 600 !important;
        text-decoration: none !important;
        margin-bottom: 4px !important;
    }

    html body .mptt-shortcode-list .timeslot {
        color: #999 !important;
        font-size: 13px !important;
        margin: 0 0 2px 0 !important;
    }

    html body .mptt-shortcode-list .event-description {
        color: #777 !important;
        font-size: 13px !important;
        margin: 0 !important;
    }
}/* End custom CSS */