/* ==========================================================================
   AET — COURSES.CSS
   Programme (onglets + cartes modules), Cours (détail), Quiz,
   Banque de prompts, Vidéothèque
   ========================================================================== */

/* ---------- TABS (programme.html) ---------- */
.tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:28px;}
.tab{padding:10px 18px;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text-2);font-size:13px;font-weight:600;cursor:pointer;}
.tab:hover{border-color:var(--blue);color:var(--blue);}
.tab.on{background:var(--niv-color, var(--blue));border-color:var(--niv-color, var(--blue));color:#fff;}

.niv-panel{display:none;}
.niv-panel.on{display:block;}
.niv-hero{display:flex;align-items:center;gap:16px;padding:20px 22px;border-radius:var(--radius);border-left:4px solid var(--niv-color,var(--blue));background:var(--surface);margin-bottom:20px;box-shadow:var(--shadow);}
.niv-hero .niv-big{font-size:2rem;}
.niv-hero h2{font-size:1.1rem;}
.niv-hero p{font-size:12.5px;color:var(--text-2);margin-top:2px;}
.niv-hero .badge{margin-left:auto;}

/* ---------- MODULE CARDS (programme.html) ---------- */
.mod-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;}
@media (max-width:700px){ .mod-grid{grid-template-columns:1fr;} }
.mod-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:10px;transition:border-color .15s;}
.mod-card.is-locked{opacity:.6;}
.mod-card:hover{border-color:var(--blue);}
.mod-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;}
.mod-num{font-family:var(--font-head);font-size:11px;color:var(--text-2);font-weight:600;letter-spacing:.05em;}
.mod-card h3{font-size:15px;}
.mod-card p.mod-obj{font-size:12.5px;color:var(--text-2);flex:1;}
.mod-card-foot{display:flex;justify-content:space-between;align-items:center;margin-top:4px;}

/* ---------- COURS.HTML ---------- */
.course-header{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:26px;margin-bottom:24px;box-shadow:var(--shadow);}
.course-header .crumbs{font-size:12px;color:var(--text-2);margin-bottom:10px;}
.course-header .crumbs a{color:var(--blue);}
.course-header h1{font-size:1.5rem;margin-bottom:8px;}
.course-header p.course-obj{color:var(--text-2);font-size:14px;margin-bottom:16px;}

.course-block{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:24px;margin-bottom:16px;box-shadow:var(--shadow);}
.course-block h2{font-size:1rem;display:flex;align-items:center;gap:8px;margin-bottom:14px;}
.course-block ul{margin:0;padding-left:0;list-style:none;font-size:14px;line-height:1.8;}
.course-block ul li{padding-left:18px;position:relative;}
.course-block ul li::before{content:'—';position:absolute;left:0;color:var(--blue);}

.video-embed{
  background:var(--navy);border-radius:var(--radius-sm);padding:40px 20px;text-align:center;color:#fff;
}
.video-embed .vp-icon{font-size:28px;margin-bottom:10px;}
.video-embed p{color:#AAB8CA;font-size:13px;margin-bottom:16px;}

.prompt-box{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:16px;font-size:13.5px;line-height:1.65;margin-bottom:12px;font-family:var(--font-body);}
.copy-row{display:flex;justify-content:flex-end;}

.example-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
@media (max-width:600px){ .example-grid{grid-template-columns:1fr;} }
.example-item .ex-label{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-2);font-weight:700;margin-bottom:6px;}
.example-item p{font-size:13.5px;}

.mod-nav{display:flex;justify-content:space-between;gap:12px;margin-top:24px;}

/* ---------- QUIZ ---------- */
.quiz-progress{font-size:11px;color:var(--text-2);text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px;font-weight:700;}
.quiz-q{font-size:1.1rem;margin-bottom:18px;}
.quiz-opts{display:flex;flex-direction:column;gap:10px;margin-bottom:16px;}
.quiz-opt{
  text-align:left;padding:13px 16px;border:1px solid var(--border);border-radius:var(--radius-sm);
  background:var(--surface);color:var(--text);cursor:pointer;font-size:14px;
}
.quiz-opt:hover{border-color:var(--blue);}
.quiz-opt.picked{border-color:var(--blue);background:rgba(22,119,255,.06);}
.quiz-opt.correct{border-color:#0D9668;background:rgba(13,150,104,.1);}
.quiz-opt.wrong{border-color:#E23744;background:rgba(226,55,68,.1);}
.quiz-feedback{margin-bottom:16px;}
.quiz-result{font-weight:700;font-size:14px;margin-bottom:6px;}
.quiz-result.ok{color:#0D9668;}
.quiz-result.ko{color:#E23744;}
.quiz-explain{font-size:13px;color:var(--text-2);}
.quiz-actions{display:flex;justify-content:flex-end;gap:10px;}
.quiz-score{text-align:center;padding:20px 0;}
.quiz-score-n{font-family:var(--font-head);font-size:2.4rem;font-weight:700;color:var(--blue);}
.quiz-score-p{color:var(--text-2);font-size:13px;margin-top:4px;}

/* ---------- PROMPTS.HTML ---------- */
.prompt-toolbar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px;align-items:center;}
.prompt-search{flex:1;min-width:220px;}
.cat-pills{display:flex;gap:8px;flex-wrap:wrap;}
.pill{padding:7px 14px;border-radius:100px;border:1px solid var(--border);background:var(--surface);font-size:12.5px;color:var(--text-2);cursor:pointer;}
.pill.on{background:var(--blue);border-color:var(--blue);color:#fff;}
.prompt-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;}
@media (max-width:760px){ .prompt-grid{grid-template-columns:1fr;} }
.prompt-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow);}
.prompt-card h3{font-size:14.5px;margin-bottom:6px;}
.prompt-card .desc{font-size:12.5px;color:var(--text-2);margin-bottom:12px;}
.prompt-card .prompt-box{font-size:12.5px;margin-bottom:12px;}

/* ---------- VIDEOS.HTML ---------- */
.video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
@media (max-width:900px){ .video-grid{grid-template-columns:1fr 1fr;} }
@media (max-width:600px){ .video-grid{grid-template-columns:1fr;} }
.video-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);display:flex;flex-direction:column;}
.video-thumb{aspect-ratio:16/9;background:linear-gradient(135deg,var(--blue-tech),var(--navy));display:flex;align-items:center;justify-content:center;font-size:26px;color:#fff;}
.video-body{padding:16px;display:flex;flex-direction:column;gap:8px;flex:1;}
.video-body h3{font-size:14px;}
.video-body p{font-size:12.5px;color:var(--text-2);flex:1;}