/* Corsi in differita: elenco (corsi.php), pagina del corso (corso.php, sopra evento.css)
   e pagina della lezione (lezione.php, sopra site.css). */

/* elenco dei corsi */
.cgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;padding:34px 0 60px}
.ccard{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:var(--shadow);transition:.2s;color:inherit;text-decoration:none}
.ccard:hover{transform:translateY(-4px);border-color:var(--teal)}
.cthumb{position:relative;padding-top:48%;background:linear-gradient(135deg,var(--navy),var(--navy-2));background-size:cover;background-position:center}
.cthumb .cn{position:absolute;left:12px;bottom:10px;font-size:.7rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#fff;background:rgba(0,0,0,.4);padding:.3em .7em;border-radius:100px}
.cbody{padding:18px 20px;display:flex;flex-direction:column;flex:1}
.cbody h3{font-size:1.12rem;margin-bottom:6px;color:var(--navy)}
.csub{color:var(--ink);font-size:.93rem;margin:0 0 12px}
.cmeta{display:flex;flex-wrap:wrap;gap:6px 14px;color:var(--grey);font-size:.84rem;margin-bottom:14px}
.cbody .btn{margin-top:auto;align-self:flex-start}
@media(max-width:860px){.cgrid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.cgrid{grid-template-columns:1fr}}

/* elenco delle lezioni nella pagina del corso */
.lez-motivo{background:#fff6e3;border:1px solid #e6c98a;color:#8a5d0c;border-radius:10px;padding:10px 14px;font-size:.93rem}
.lez-motivo a{color:#8a5d0c;font-weight:700}
.lez-list{list-style:none;padding:0;margin:14px 0 26px;display:flex;flex-direction:column;gap:10px}
.lez{display:flex;gap:14px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px 16px}
.lez-n{flex:0 0 34px;height:34px;border-radius:50%;background:var(--navy);color:#fff;display:grid;place-items:center;font-weight:700;font-size:.9rem}
.lez.vista .lez-n{background:var(--teal)}
.lez.locked .lez-n{background:var(--grey)}
.lez-body{min-width:0}
.lez-t{display:block;font-weight:700;color:var(--navy);text-decoration:none;font-size:1.02rem}
a.lez-t:hover{color:var(--teal-dark)}
.lez.locked .lez-t{color:var(--grey)}
.lez-meta{display:block;color:var(--grey);font-size:.82rem;margin-top:2px}
.lez-d{margin:6px 0 0;font-size:.92rem;color:var(--ink)}

/* pagina della lezione */
.lez-wrap{padding:34px 0 60px;max-width:900px;margin:0 auto}
.player{position:relative;padding-top:56.25%;border-radius:16px;overflow:hidden;box-shadow:var(--shadow);background:#000}
.player iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.lez-desc{color:#41485a;margin-top:18px;font-size:1.02rem}
.lez-nav{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-top:26px;padding-top:18px;border-top:1px solid var(--line)}
.btn-ghost-dark{border:1.5px solid var(--line);color:var(--navy)}
.lez-scad{color:var(--grey);font-size:.88rem;margin-top:14px}
.adminnote{background:#fff4e0;border:1px solid #f0d9ab;color:#7a5410;border-radius:10px;padding:10px 14px;margin-bottom:14px;font-size:.9rem}
@media(max-width:560px){.lez-nav{justify-content:center}}