/* zc-table.css - Zer0Con 테이블 컴포넌트
 * 트레이닝 및 스케줄 테이블을 위한 스타일
 */

  
.zc-table {
  width: 100%;
  border-collapse: collapse;
  overflow: hidden;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
  margin-bottom: 20px;
}

.zc-table thead tr {
  background-color: #f7ad5554;
  color: #ffffff;
  text-align: center;
  font-weight: bold;
}

.zc-table th,
.zc-table td {
  padding: 6px 9px;
  vertical-align: middle;
}

.zc-table th {
    text-align: center;
}

.zc-table tbody tr {
  border-bottom: 1px solid #dddddd;
  transition: all 0.3s ease;
}

.zc-table tbody tr:nth-of-type(even) {
  background-color: rgba(238, 167, 85, 0.05);
}

.zc-table tbody tr:last-of-type {
  border-bottom: 2px solid #f7ad5554;
}

.zc-table tbody tr:hover {
  background-color: rgba(238, 167, 85, 0.1);
}

.zc-table a {
  color: #fff;
  transition: color 0.3s ease;
}

.zc-table a:hover {
  color: #eea755;
  text-decoration: none;
}

/* 테이블 내부 요소들 ================================ */

.zc-table .zc-badge {
    display: inline-block;
    line-height: normal;
    padding: 2px 7px;
    background-color: #2e4480;
    color: white;
    border-radius: 4px;
    font-size: 0.9em;
    margin-left: 8px;
}

.zc-table .canceled {
    text-decoration: line-through;
    color: #e74c3c;
}

/* 반응형 테이블 요소들 ================================ */

@media (max-width: 767px) {
    .zc-table td {
        font-size: 0.9rem !important;
    }
}


/* 트레이닝 테이블 요소들 ================================ */
#training-section .zc-table .subject {
    text-align: left; /* 트레이닝 제목 */
    min-width: 140px;
}

#training-section .zc-table .price {
    font-weight: bold;
    color: #d68c33;
}


/* 스케쥴 테이블 요소들 ================================ */
#schedule-section .zc-table td:first-child {
    text-align: center !important;
    min-width: 110px;
}
#schedule-section .zc-table td:not(:first-child) {
    text-align: left !important;
    /* max-width: 500px; */
}
#schedule-section .zc-table td:last-child {
    min-width: 140px;
}
#schedule-section .zc-table td[colspan="2"] {
    color: #f7ac54;
    font-weight: bold;
}