/* =============================================================
   Live Lessons — WordPress Admin Styles
============================================================= */


/* ── Form tables inside meta boxes ────────────────────────── */
.ll-form-table th {
    width: 160px;
    padding: 10px 12px 10px 0;
    vertical-align: top;
    font-weight: 600;
    color: #1d2327;
}

.ll-form-table td {
    padding: 8px 0;
    vertical-align: top;
}

.ll-form-table textarea {
    width: 100%;
}

.ll-form-table input[type="number"].ll-input-small {
    width: 100px;
}

.ll-form-table input[type="text"].ll-input-medium {
    width: 220px;
}

.ll-form-table input[type="url"],
.ll-form-table input[type="text"].ll-input-full,
.ll-form-table select.ll-select-full {
    width: 100%;
}

.ll-form-table select.ll-select-medium {
    width: 200px;
}


/* ── Instructor photo preview ──────────────────────────────── */
#ll_photo_preview {
    margin-bottom: 8px;
}

#ll_photo_preview img,
.ll-instructor-photo {
    border-radius: 50%;
    object-fit: cover;
    width: 80px;
    height: 80px;
}

#ll_remove_photo_btn {
    margin-left: 4px;
    color: #a00;
}


/* ── Platform box — admin-only notice ──────────────────────── */
.ll-admin-notice {
    background: #fff8e1;
    border-left: 4px solid #ffb300;
    padding: 8px 12px;
    margin-bottom: 12px;
    font-size: 13px;
}


/* ── WooCommerce product box ───────────────────────────────── */
.ll-woo-label {
    display: block;
    margin-bottom: 6px;
    font-weight: 600;
}

.ll-woo-actions {
    margin-top: 8px;
    display: flex;
    gap: 6px;
}

.ll-woo-description {
    margin-top: 8px;
}

.ll-woo-warning {
    color: #a00;
}


/* ── Status radio buttons ──────────────────────────────────── */
.ll-status-label {
    display: block;
    margin-bottom: 10px;
    cursor: pointer;
}

.ll-status-badge {
    display: inline-block;
    margin-left: 6px;
    padding: 3px 10px;
    border-radius: 12px;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
}

.ll-status-badge--open      { background: #4caf50; }
.ll-status-badge--full      { background: #ff9800; }
.ll-status-badge--completed { background: #2196f3; }
.ll-status-badge--cancelled { background: #f44336; }


/* ── Admin list-table column badges ───────────────────────── */
.ll-col-badge {
    display: inline-block;
    padding: 2px 8px;
    border-radius: 10px;
    font-size: 11px;
    font-weight: 700;
    color: #fff;
    background: #6b7280; /* default gray */
}

.ll-col-badge--open      { background: #4caf50; }
.ll-col-badge--full      { background: #ff9800; }
.ll-col-badge--completed { background: #2196f3; }
.ll-col-badge--cancelled { background: #f44336; }


/* ── Seats-left column ─────────────────────────────────────── */
.ll-seats {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 12px;
    font-weight: 700;
    padding: 3px 10px;
    border-radius: 20px;
}

.ll-seats--available {
    background: #D1FAE5;
    color: #065F46;
}

.ll-seats--full {
    background: #FEE2E2;
    color: #991B1B;
}

.ll-seats--unknown {
    background: #F3F4F6;
    color: #6B7280;
}

.ll-seats-detail {
    display: block;
    font-size: 11px;
    color: #6B7280;
    margin-top: 3px;
}

/* ── Not-linked warning in product column ─────────────────── */
.ll-col-warning {
    color: #a00;
}