/* Контейнер — не на всю ширину, центрований */
.schedule-wrapper {
    max-width: 980px;   /* можна змінити на 900/1100 як хочеш */
    margin: 18px auto;
    padding: 10px;
    box-sizing: border-box;
}

/* Додаткові підстроювання для day-block / header */
.day-block {
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 16px;
    border: 1px solid #dfe6ea;
    background: #ffffff;
    box-shadow: 0 2px 4px rgba(0,0,0,0.04);
}

/* заголовок дня */
.day-header {
    padding: 10px 14px;
    background: #f0f7ff;
    border-bottom: 1px solid #d3e3f6;
    font-weight: 700;
    font-size: 1.05rem;
    color: #164a74;
}

/* коли сьогодні — підсвічуємо весь блок (header + рядки) */
.day-block.today {
    background: #e9f7ff;
    border-color: #6fb8ff;
    box-shadow: 0 2px 6px rgba(40,120,200,0.08);
}
.day-block.today .day-header {
    background: linear-gradient(90deg, #73b9e5, #1b4c6b);
    border-bottom-color: #5999cd;
}
.program-dates {
    margin:0 0 6px 0;
    color:#556;
    font-size:0.95rem;
}
.curator {
    margin:6px 0 0 0;
    font-style:italic;
    color:#666;
}

/* Таблична структура (використовуємо стилі style-list.css, додаємо невеликі виправлення) */
.table-container {
    display: table;
    width: 100%;
    border-collapse: collapse;
    font-size: 1rem;
}

/* Заголовки колонок — видимі на великих екранах */
.table-header {
    display: table-row;
    background: #f5f9fb;
}
.table-header div {
    display: table-cell;
    padding: 10px 12px;
    border-bottom: 1px solid #e6eef7;
    font-weight: 700;
    text-align: center;
}

/* Рядок заняття */
.table-row {
    display: table-row;
    transition: background-color 0.15s;
}
.table-row div {
    display: table-cell;
    padding: 10px 12px;
    border-bottom: 1px solid #f0f4f7;
    vertical-align: middle; /* допомагає вирівнюванню */
}

/* Підсвічування рядків у поточному дні */
.day-block.today .table-row div {
    background: transparent;
}

/* Адаптив: для малих екранів показуємо data-label через ::before */
@media (max-width: 576px) {
    .table-header {
        display: none;
    }
    .table-container, .table-row {
        display: block;
    }
    .table-row { border: 1px solid #e7eef6;
        border-radius: 8px; margin: 10px 0;
        padding: 8px;
        background: #fff;
    }
    .table-row div {
      display: flex;
      border: none;
      padding: 6px 4px;
    }
    .table-row div::before {
        content: attr(data-label);
        display: block;
        font-weight: 700;
        color: #334a5e;
  }
  .table-row .number {
      font-weight: 700;
      display: flex;
  }

  /* підсвічування мобільних карток сьогодні */
    .day-block.today .table-row {
        background: #f3fbff;
        border-color: #bfe6ff;

  }
}