/*
 * 3033 Arbres — Direction artistique premium
 * Appliquée au course player MasterStudy pour le cours "Méthode 3033 Arbres"
 * Palette : forêt (#0a1f10), or (#c9a84c), crème (#f5efe0)
 * Typographies : Cormorant Garamond (titres), Barlow (corps), Barlow Condensed (labels)
 */

/* ── VARIABLES ── */
:root {
  --3033-forest: #0a1f10;
  --3033-deep: #0d2818;
  --3033-mid: #1a4028;
  --3033-leaf: #2d6a45;
  --3033-sage: #5a9e72;
  --3033-cream: #f5efe0;
  --3033-parch: #ede4cc;
  --3033-gold: #c9a84c;
  --3033-gold-light: #e8c97a;
  --3033-white: #fdfaf4;
  --3033-red: #e05a4e;
  --3033-green: #4caf7d;
}

/* ── COURSE PLAYER — FOND GLOBAL ── */
.masterstudy-course-player,
.masterstudy-course-player__content {
  background: var(--3033-forest) !important;
  color: var(--3033-cream) !important;
  font-family: 'Barlow', sans-serif !important;
}

/* ── SIDEBAR CURRICULUM ── */
.masterstudy-course-player__sidebar {
  background: var(--3033-deep) !important;
  border-right: 1px solid rgba(201,168,76,0.1) !important;
}
.masterstudy-curriculum-list__title,
.masterstudy-curriculum-section__title {
  color: var(--3033-cream) !important;
  font-family: 'Barlow Condensed', sans-serif !important;
  letter-spacing: 0.05em !important;
}
.masterstudy-curriculum-section__title {
  color: var(--3033-gold) !important;
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 1.1rem !important;
  font-weight: 400 !important;
}
.masterstudy-curriculum-list__item--active {
  background: rgba(45,106,69,0.2) !important;
  border-left: 3px solid var(--3033-gold) !important;
}
.masterstudy-curriculum-list__item:hover {
  background: rgba(45,106,69,0.12) !important;
}
.masterstudy-curriculum-list__details span {
  color: rgba(245,239,224,0.5) !important;
}

/* ── HEADER DU PLAYER ── */
.masterstudy-course-player__header {
  background: rgba(10,31,16,0.96) !important;
  border-bottom: 1px solid rgba(201,168,76,0.1) !important;
  backdrop-filter: blur(8px) !important;
}
.masterstudy-course-player__header-title {
  color: var(--3033-gold) !important;
  font-family: 'Cormorant Garamond', serif !important;
  font-weight: 400 !important;
}

/* ── CONTENU LEÇON ── */
.masterstudy-course-player__content-area,
.masterstudy-course-player-lesson {
  background: var(--3033-forest) !important;
  color: var(--3033-cream) !important;
}
.masterstudy-course-player-lesson h1,
.masterstudy-course-player-lesson h2 {
  font-family: 'Cormorant Garamond', serif !important;
  font-weight: 300 !important;
  color: var(--3033-white) !important;
}
.masterstudy-course-player-lesson h2 em,
.masterstudy-course-player-lesson h1 em {
  color: var(--3033-gold) !important;
}
.masterstudy-course-player-lesson h3 {
  font-family: 'Cormorant Garamond', serif !important;
  font-weight: 400 !important;
  color: var(--3033-white) !important;
}
.masterstudy-course-player-lesson p {
  font-weight: 300 !important;
  line-height: 1.85 !important;
  color: rgba(245,239,224,0.78) !important;
}
.masterstudy-course-player-lesson strong {
  color: var(--3033-cream) !important;
  font-weight: 600 !important;
}
.masterstudy-course-player-lesson em {
  color: var(--3033-gold-light) !important;
}
.masterstudy-course-player-lesson blockquote {
  background: rgba(45,106,69,0.12) !important;
  border-left: 3px solid var(--3033-sage) !important;
  border-radius: 0 4px 4px 0 !important;
  padding: 0.9rem 1.2rem !important;
  color: rgba(245,239,224,0.8) !important;
}
.masterstudy-course-player-lesson table {
  border-color: rgba(201,168,76,0.2) !important;
}
.masterstudy-course-player-lesson th {
  color: white !important;
}
.masterstudy-course-player-lesson td {
  background: rgba(13,40,24,0.6) !important;
  color: var(--3033-cream) !important;
  border-color: rgba(201,168,76,0.1) !important;
}
.masterstudy-course-player-lesson hr {
  border-color: rgba(201,168,76,0.15) !important;
}

/* ── QUIZ ── */
.masterstudy-course-player-quiz {
  background: var(--3033-forest) !important;
}
.masterstudy-course-player-quiz__title {
  font-family: 'Cormorant Garamond', serif !important;
  font-weight: 300 !important;
  color: var(--3033-white) !important;
  font-size: 1.8rem !important;
}

/* Question card */
.masterstudy-course-player-question {
  background: rgba(13,40,24,0.6) !important;
  border: 1px solid rgba(201,168,76,0.1) !important;
  border-radius: 6px !important;
  padding: 1.6rem 1.8rem !important;
}
.masterstudy-course-player-question__title {
  font-size: 0.95rem !important;
  font-weight: 400 !important;
  line-height: 1.65 !important;
  color: var(--3033-cream) !important;
}
.masterstudy-course-player-question__title em {
  color: var(--3033-gold-light) !important;
  font-style: italic !important;
}
.masterstudy-course-player-question__number {
  font-family: 'Barlow Condensed', sans-serif !important;
  font-size: 0.68rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.2em !important;
  text-transform: uppercase !important;
  color: rgba(201,168,76,0.5) !important;
}

/* Réponses QCM */
.masterstudy-course-player-question__answer {
  border: 1px solid rgba(201,168,76,0.1) !important;
  border-radius: 4px !important;
  background: rgba(10,31,16,0.4) !important;
  color: rgba(245,239,224,0.8) !important;
  transition: all 0.18s !important;
}
.masterstudy-course-player-question__answer:hover {
  border-color: rgba(201,168,76,0.35) !important;
  background: rgba(45,106,69,0.12) !important;
}
.masterstudy-course-player-question__answer--selected {
  border-color: var(--3033-gold) !important;
  background: rgba(201,168,76,0.08) !important;
}
.masterstudy-course-player-question__answer--correct {
  border-color: var(--3033-green) !important;
  background: rgba(76,175,125,0.1) !important;
}
.masterstudy-course-player-question__answer--incorrect {
  border-color: var(--3033-red) !important;
  background: rgba(224,90,78,0.08) !important;
}
.masterstudy-course-player-question__answer-letter {
  font-family: 'Barlow Condensed', sans-serif !important;
  background: rgba(201,168,76,0.1) !important;
  color: var(--3033-gold) !important;
}

/* Feedback / Explication */
.masterstudy-course-player-question__explanation {
  background: rgba(26,64,40,0.5) !important;
  border: 1px solid rgba(201,168,76,0.2) !important;
  border-radius: 6px !important;
  padding: 1rem 1.2rem !important;
  color: rgba(245,239,224,0.85) !important;
  font-size: 0.88rem !important;
  line-height: 1.7 !important;
}

/* Fill-in-the-gap */
.masterstudy-course-player-question__fill-the-gap input,
.masterstudy-course-player-question input[type="text"] {
  background: rgba(10,31,16,0.6) !important;
  border: 1px solid rgba(201,168,76,0.18) !important;
  border-radius: 3px !important;
  padding: 0.55rem 0.8rem !important;
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 1rem !important;
  font-style: italic !important;
  color: var(--3033-cream) !important;
  outline: none !important;
}
.masterstudy-course-player-question__fill-the-gap input:focus,
.masterstudy-course-player-question input[type="text"]:focus {
  border-color: rgba(201,168,76,0.45) !important;
}

/* Barre de progression du quiz */
.masterstudy-course-player-quiz__progress-bar {
  background: rgba(45,106,69,0.2) !important;
}
.masterstudy-course-player-quiz__progress-fill {
  background: linear-gradient(90deg, var(--3033-gold), var(--3033-sage)) !important;
}

/* Score final */
.masterstudy-course-player-quiz__score {
  background: rgba(26,64,40,0.5) !important;
  border: 1px solid rgba(201,168,76,0.2) !important;
  border-radius: 6px !important;
  color: var(--3033-gold) !important;
}

/* Boutons */
.masterstudy-course-player__navigation-button,
.masterstudy-course-player-quiz__button {
  font-family: 'Barlow Condensed', sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: 0.15em !important;
  text-transform: uppercase !important;
  border-radius: 3px !important;
}
.masterstudy-course-player__navigation-button--next,
.masterstudy-course-player-quiz__button--submit {
  background: var(--3033-gold) !important;
  color: var(--3033-forest) !important;
  border: none !important;
}
.masterstudy-course-player__navigation-button--next:hover,
.masterstudy-course-player-quiz__button--submit:hover {
  background: var(--3033-gold-light) !important;
}
.masterstudy-course-player__navigation-button--prev {
  background: transparent !important;
  border: 1px solid rgba(201,168,76,0.3) !important;
  color: var(--3033-gold) !important;
}
.masterstudy-course-player__navigation-button--complete {
  background: var(--3033-sage) !important;
  color: var(--3033-white) !important;
}

/* ── BARRE DE PROGRESSION ── */
.masterstudy-course-player__progress-bar {
  background: rgba(45,106,69,0.2) !important;
}
.masterstudy-course-player__progress-fill {
  background: linear-gradient(90deg, var(--3033-gold), var(--3033-sage)) !important;
}

/* ── SCROLLBAR CUSTOM ── */
.masterstudy-course-player ::-webkit-scrollbar {
  width: 6px;
}
.masterstudy-course-player ::-webkit-scrollbar-track {
  background: var(--3033-deep);
}
.masterstudy-course-player ::-webkit-scrollbar-thumb {
  background: rgba(201,168,76,0.2);
  border-radius: 3px;
}
.masterstudy-course-player ::-webkit-scrollbar-thumb:hover {
  background: rgba(201,168,76,0.4);
}