/* Контейнер вузький на десктопі, але full-bleed на телефонах */
.container-archive {
  max-width: 1200px;
}

/* Заголовки */
.page-title {
  font-size: clamp(20px, 3vw, 28px);
  line-height: 1.2;
  margin-top: .25rem;
}

/* Блок дня */
.day-title {
  font-size: clamp(18px, 2.5vw, 24px);
  color: #0a58ca;
  margin: 0 0 .5rem;
}

/* Таблиця */
.archive-table-wrap {
  border: 1px solid #555;
  border-radius: 16px;
  overflow: auto; /* горизонтальний скрол при вузьких екранах */
  box-shadow: 0 4px 14px rgba(0,0,0,.08);
}

.archive-table thead th {
  background: linear-gradient(135deg, #f8f9fa, #e9ecef);
  color: #333;
  font-weight: 600;
  white-space: nowrap;
}

.archive-table td,
.archive-table th {
  border-color: #555;
}

/* Трохи компактніше на мобільних */
@media (max-width: 576px) {
  .archive-table td,
  .archive-table th {
    padding: .5rem .6rem;
    font-size: 14px;
  }

  /* Підпис для клітинок, коли доводиться скролити/стискається ширина */
  .archive-table td[data-label]::before {
    content: attr(data-label) ": ";
    font-weight: 600;
    display: none; /* За замовчуванням приховано, увімкнемо для «card view» нижче */
  }
}

/* Альтернативний "card view" для дуже вузьких екранів */
@media (max-width: 420px) {
  .archive-table thead {
    display: none;
  }
  .archive-table tr {
    display: block;
    border-bottom: 1px solid #ddd;
    margin-bottom: .5rem;
  }
  .archive-table td {
    display: grid;
    grid-template-columns: 120px 1fr;
    text-align: left !important;
    border: none !important;
    border-bottom: 1px dashed #ccc !important;
  }
  .archive-table td:last-child {
    border-bottom: none !important;
  }
  .archive-table td[data-label]::before {
    display: inline-block; /* показуємо підписи стовпців ліворуч */
  }
  .archive-table .btn.btn-sm {
    width: 100%;
    text-align: center;
  }
}
