/* Victrish Online Academy extras. The main look comes from https://victrish.com/assets/site.css */

/* Form fields site.css does not cover */
.vt-form input[type=password],.vt-form input[type=number],.vt-form input[type=url],.vt-form input[type=search]{width:100%;font:inherit;font-size:16px;padding:11px 12px;border:1px solid #cfd5e2;border-radius:8px;background:#fff;color:var(--vt-text)}
.vt-form input:focus{outline:none;border-color:var(--vt-blue);box-shadow:0 0 0 3px rgba(31,31,151,.15)}
.vt-form .vt-hint{font-size:13px;color:var(--vt-muted)}
.vt-checkline{display:flex;gap:10px;align-items:flex-start;font-size:15px}
.vt-checkline input{width:18px;height:18px;margin-top:3px;accent-color:var(--vt-blue)}
.vt-auth{max-width:520px;margin:0 auto}
.vt-auth .vt-form{grid-template-columns:1fr}
.vt-auth p.vt-alt{text-align:center;color:var(--vt-muted)}

/* Facts strip under the hero */
.vt-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:12px;margin-top:8px}
.vt-fact{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);border-radius:12px;padding:14px 16px;display:flex;gap:12px;align-items:center}
.vt-fact i{color:var(--vt-accent);font-size:20px;width:24px;text-align:center}
.vt-fact strong{display:block;color:#fff;font-size:16px}
.vt-fact span{color:#cfd3f5;font-size:13.5px}

/* Course cards */
.vt-course{text-decoration:none;color:inherit;transition:transform .2s,box-shadow .2s,border-color .2s}
.vt-course:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(17,24,39,.08);border-color:var(--vt-accent)}
.vt-course .vt-card-img img,.vt-course img.vt-cover{width:100%;aspect-ratio:16/9;height:auto;object-fit:cover;background:#dfe3ee}
.vt-price{font-size:22px;font-weight:800;color:var(--vt-blue);white-space:nowrap}
.vt-meta{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:13.5px;color:var(--vt-muted)}
.vt-meta i{color:var(--vt-accent);margin-right:4px}
.vt-card-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding-top:6px}
.vt-badge{display:inline-block;font-size:12px;font-weight:800;letter-spacing:.3px;padding:3px 9px;border-radius:999px;background:rgba(31,31,151,.08);color:var(--vt-blue)}
.vt-badge-ok{background:#e7f6ee;color:#14532d}
.vt-badge-warn{background:#fff4d6;color:#7a5a00}
.vt-badge-off{background:#eef0f4;color:#4b5563}
.vt-empty{background:#fff;border:1px dashed #c9cfdc;border-radius:var(--vt-radius);padding:28px;text-align:center;display:grid;gap:12px;justify-items:center;color:var(--vt-muted)}

/* Progress bar */
.vt-progress{height:10px;border-radius:999px;background:#e6e9f2;overflow:hidden}
.vt-progress span{display:block;height:100%;background:linear-gradient(90deg,var(--vt-blue),var(--vt-blue-2));border-radius:999px}
.vt-progress-label{display:flex;justify-content:space-between;font-size:13.5px;color:var(--vt-muted)}

/* Notice box */
.vt-notice{background:#fff8e1;border:1px solid #f5d77a;border-left:5px solid var(--vt-accent);border-radius:10px;padding:16px 18px;display:grid;gap:6px;color:#3d3200}
.vt-notice strong{color:#2a2200}

/* Course page */
.vt-course-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:28px;align-items:start}
.vt-side{position:sticky;top:90px;display:grid;gap:14px}
.vt-side .vt-price{font-size:30px}
.vt-side .vt-btn{width:100%}
.vt-side img.vt-cover{border-radius:10px;width:100%;aspect-ratio:16/9;object-fit:cover}
.vt-prose{display:grid;gap:12px;color:var(--vt-text)}
.vt-prose ul{margin:0;padding-left:22px;display:grid;gap:6px}
.vt-curriculum{display:grid;gap:18px}
.vt-curriculum h3{font-size:16px;color:var(--vt-blue);text-transform:uppercase;letter-spacing:.6px;margin-bottom:8px}
.vt-lessons{list-style:none;margin:0;padding:0;border:1px solid var(--vt-line);border-radius:10px;overflow:hidden;background:#fff}
.vt-lessons li{display:flex;gap:12px;align-items:center;padding:12px 14px;border-bottom:1px solid var(--vt-line);font-size:15px}
.vt-lessons li:last-child{border-bottom:0}
.vt-lessons li>i{width:18px;text-align:center;color:var(--vt-muted)}
.vt-lessons li.is-done>i{color:var(--vt-green)}
.vt-lessons li.is-current{background:rgba(245,179,1,.12)}
.vt-lessons a{color:var(--vt-ink);text-decoration:none;font-weight:600;flex:1}
.vt-lessons a:hover{color:var(--vt-blue);text-decoration:underline}
.vt-lessons .vt-lesson-title{flex:1}
.vt-lessons small{color:var(--vt-muted);white-space:nowrap}
@media (max-width:900px){.vt-course-layout{grid-template-columns:1fr}.vt-side{position:static}}

/* Lesson page */
.vt-player-wrap{background:#0b0b2e}
.vt-player{max-width:1100px;margin:0 auto;aspect-ratio:16/9;background:#000}
.vt-player iframe,.vt-player video{width:100%;height:100%;border:0;display:block}
.vt-player-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;height:100%;color:#cfd3f5;text-align:center;padding:20px}
.vt-player-empty i{font-size:40px;color:var(--vt-accent)}
.vt-lesson-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:28px;align-items:start}
.vt-lesson-nav{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;align-items:center;border-top:1px solid var(--vt-line);padding-top:18px}
@media (max-width:900px){.vt-lesson-layout{grid-template-columns:1fr}}

/* Tables (admin, sales) */
.vt-table-wrap{overflow-x:auto;border:1px solid var(--vt-line);border-radius:var(--vt-radius);background:#fff}
.vt-table{width:100%;border-collapse:collapse;font-size:15px}
.vt-table th,.vt-table td{padding:11px 14px;text-align:left;border-bottom:1px solid var(--vt-line);vertical-align:top}
.vt-table thead th{background:var(--vt-blue);color:#fff;font-size:12.5px;letter-spacing:.4px;text-transform:uppercase;white-space:nowrap}
.vt-table tr:last-child td{border-bottom:0}
.vt-table .num{font-weight:800;color:var(--vt-blue);white-space:nowrap}
.vt-table small{color:var(--vt-muted)}
.vt-inline{display:inline}
.vt-linkbtn{background:none;border:0;padding:0;font:inherit;color:var(--vt-blue);font-weight:700;cursor:pointer;text-decoration:underline}
.vt-linkbtn.vt-danger{color:#b42318}

/* Admin tabs */
.vt-tabs{display:flex;flex-wrap:wrap;gap:6px;border-bottom:2px solid var(--vt-line)}
.vt-tabs a{padding:10px 14px;font-weight:700;text-decoration:none;color:var(--vt-muted);border-bottom:3px solid transparent;margin-bottom:-2px}
.vt-tabs a.is-on{color:var(--vt-blue);border-color:var(--vt-accent)}
.vt-toolbar{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;align-items:center}
.vt-small-btn{padding:8px 14px;font-size:14px}