/* laravel-training-center — admin & frontend styles */

/* ---- Admin list columns ---- */
.training-image-col {
    width: 70px;
}
.training-image-col img {
    width: 60px;
    height: 60px;
    object-fit: cover;
    border-radius: 4px;
}

/* ---- Booking status badges ---- */
.badge-confirmed  { background-color: #198754; color: #fff; }
.badge-cancelled  { background-color: #dc3545; color: #fff; }
.badge-attended   { background-color: #0d6efd; color: #fff; }
.badge-absent     { background-color: #6c757d; color: #fff; }
.badge-pending    { background-color: #ffc107; color: #000; }
.badge-active     { background-color: #198754; color: #fff; }
.badge-expired    { background-color: #6c757d; color: #fff; }
.badge-paid       { background-color: #198754; color: #fff; }
.badge-refunded   { background-color: #0dcaf0; color: #000; }

/* ---- Frontend catalog ---- */
.tc-course-card {
    transition: box-shadow 0.2s ease;
}
.tc-course-card:hover {
    box-shadow: 0 4px 16px rgba(0,0,0,0.12);
}
.tc-course-card .badge-level {
    font-size: 0.75rem;
}
.tc-course-card .tc-price {
    font-weight: 600;
    font-size: 1.1rem;
}

/* ---- Frontend dashboard ---- */
.tc-dashboard-nav .nav-link.active {
    font-weight: 600;
}

/* ---- Cart ---- */
.tc-cart-item + .tc-cart-item {
    border-top: 1px solid #dee2e6;
    padding-top: 0.75rem;
    margin-top: 0.75rem;
}

/* ---- Unavailability calendar hints ---- */
.tc-unavailable-date {
    text-decoration: line-through;
    opacity: 0.5;
}

/* ---- Lesson viewer ---- */
.tc-lesson-sidebar { position: sticky; top: 0; max-height: 100vh; overflow-y: auto; }
.tc-lesson-nav-item { display: flex; align-items: center; gap: .4rem; padding: .3rem .4rem; border-radius: .3rem; font-size: .775rem; text-decoration: none; color: #212529; }
.tc-lesson-nav-item.active { background: #212529; color: #fff; }
.tc-lesson-nav-item:not(.active):hover { opacity: .65; }
.tc-lesson-nav-item.locked { color: #6c757d; pointer-events: none; }
.tc-chapter-label { font-size: .875rem; text-transform: uppercase; letter-spacing: .06em; color: #6c757d; font-weight: 600; padding: .5rem .4rem .15rem; }
.tc-lesson-body img { display: block; width: 100%; height: auto; }