/**
 * Course Player — Bosquet Sauvage
 * Chargé via inc/assets.php sur les pages /apprendre/
 */

/* ════════════════════════════════════════════════════════
   VARIABLES — MODE CLAIR
   ════════════════════════════════════════════════════════ */
.masterstudy-course-player-header,
.masterstudy-course-player-curriculum,
.masterstudy-course-player-content,
.masterstudy-course-player-discussions {
  --bsq-bg-main:     #ffffff;
  --bsq-cream:       #faf7f2;
  --bsq-cream-mid:   #f3ede3;
  --bsq-border:      #d4c9b8;
  --bsq-border-soft: #e0d8cc;
  --bsq-green:       #276346;
  --bsq-green-light: #aed0b8;
  --bsq-green-bg:    #eaf4e6;
  --bsq-green-hover: #1e4f37;
  --bsq-text:        #2a1f14;
  --bsq-text-mid:    #3d3020;
  --bsq-text-light:  #7a6a58;
  --bsq-shadow:      rgba(60, 40, 15, 0.10);
}


/* ════════════════════════════════════════════════════════
   EN-TÊTE DU PLAYER
   ════════════════════════════════════════════════════════ */
.masterstudy-course-player-header {
  background: var(--bsq-cream) !important;
  border-bottom: 1px solid var(--bsq-border) !important;
  box-shadow: 0 2px 6px var(--bsq-shadow) !important;
}
.masterstudy-course-player-header__course-title {
  color: var(--bsq-text) !important;
  font-family: Georgia, serif !important;
}
.masterstudy-course-player-header__course-title:hover { color: var(--bsq-green) !important; }
.masterstudy-course-player-header__course-label { color: var(--bsq-text-light) !important; display: none !important; }
.masterstudy-switch-button__title { color: var(--bsq-text) !important; font-family: Georgia, serif !important; }
.masterstudy-switch-button__burger span { background: var(--bsq-green) !important; }
.masterstudy-course-player-header__discussions-toggler__title {
  color: var(--bsq-text) !important;
  font-family: Georgia, serif !important;
}


/* ════════════════════════════════════════════════════════
   PANNEAU CURRICULUM
   ════════════════════════════════════════════════════════ */
.masterstudy-course-player-curriculum {
  background: var(--bsq-cream) !important;
  border-right: 1px solid var(--bsq-border) !important;
}
.masterstudy-course-player-curriculum__title {
  color: var(--bsq-text) !important;
  font-family: Georgia, serif !important;
  font-weight: 700 !important;
}
.masterstudy-curriculum-accordion__section {
  background: var(--bsq-cream-mid) !important;
  border-bottom: 1px solid var(--bsq-border-soft) !important;
}
.masterstudy-curriculum-accordion__section-title {
  color: var(--bsq-text) !important;
  font-family: Georgia, serif !important;
  font-weight: 700 !important;
}
.masterstudy-curriculum-accordion__section-count {
  color: #3d5c4a !important;
  background: rgba(39, 99, 70, 0.13) !important;
  border: 1px solid rgba(39, 99, 70, 0.20) !important;
  border-radius: 20px !important;
  padding: 1px 7px !important;
  font-size: .78rem !important;
  font-weight: 600 !important;
}
/* Chevrons d'ouverture/fermeture des sections */
.masterstudy-curriculum-accordion__toggler-icon {
  filter: brightness(0) saturate(100%) invert(27%) sepia(20%) saturate(600%) hue-rotate(100deg) !important;
  opacity: 0.75 !important;
}
/* Cercles de complétion des leçons — règle unique fusionnée */
.masterstudy-curriculum-accordion__check {
  border: 2px solid var(--bsq-border) !important;
  border-radius: 50% !important;
  min-width: 18px !important;
  min-height: 18px !important;
}
.masterstudy-curriculum-accordion__item { border-bottom: 1px solid var(--bsq-border-soft) !important; }
.masterstudy-curriculum-accordion__link { background: transparent !important; transition: background 0.15s !important; }
.masterstudy-curriculum-accordion__link:hover { background: var(--bsq-green-bg) !important; }
.masterstudy-curriculum-accordion__link_current,
.masterstudy-curriculum-accordion__link_current:hover {
  background: #d4edcc !important;
  border-left: 3px solid var(--bsq-green) !important;
}
.masterstudy-curriculum-accordion__link_current .masterstudy-curriculum-accordion__title {
  color: var(--bsq-green) !important;
  font-weight: 700 !important;
}
.masterstudy-curriculum-accordion__title {
  color: var(--bsq-text-mid) !important;
  font-family: Georgia, serif !important;
  font-size: .9rem !important;
}
.masterstudy-curriculum-accordion__meta { color: var(--bsq-text-light) !important; font-size: .78rem !important; }


/* ════════════════════════════════════════════════════════
   ZONE DE CONTENU PRINCIPAL
   ════════════════════════════════════════════════════════ */
.masterstudy-course-player-content__wrapper { background: var(--bsq-bg-main) !important; }
.masterstudy-course-player-content__header {
  border-bottom: 1px solid var(--bsq-border) !important;
  background: var(--bsq-bg-main) !important;
}
.masterstudy-course-player-content__header-lesson-type {
  color: var(--bsq-green) !important;
  font-family: Georgia, serif !important;
  font-size: .78rem !important;
  font-weight: 700 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
}
.masterstudy-course-player-content__header h1,
.masterstudy-course-player-content__header h2 { color: var(--bsq-text) !important; font-family: Georgia, serif !important; }
.masterstudy-course-player-lesson { color: var(--bsq-text-mid) !important; font-family: Georgia, serif !important; line-height: 1.75 !important; }
.masterstudy-course-player-lesson p,
.masterstudy-course-player-lesson li { color: var(--bsq-text-mid) !important; font-family: Georgia, serif !important; }


/* ════════════════════════════════════════════════════════
   NAVIGATION
   ════════════════════════════════════════════════════════ */
.masterstudy-course-player-navigation {
  border-top: 1px solid var(--bsq-border) !important;
  background: var(--bsq-bg-main) !important;
}
.masterstudy-course-player-navigation__prev { padding-left: 1.5rem !important; }
.masterstudy-course-player-navigation__next { padding-right: 1.5rem !important; }

/* Styles de base des boutons */
.masterstudy-nav-button_style-secondary {
  background: var(--bsq-cream) !important;
  border: 1px solid var(--bsq-border) !important;
  color: var(--bsq-text-mid) !important;
  font-family: Georgia, serif !important;
  border-radius: 4px !important;
  text-decoration: none !important;
}
.masterstudy-nav-button_style-primary {
  background: var(--bsq-green) !important;
  border: 1px solid var(--bsq-green) !important;
  color: #faf7f2 !important;
  font-family: Georgia, serif !important;
  border-radius: 4px !important;
  opacity: 1 !important;
  text-decoration: none !important;
}

/* Padding & layout — sélecteurs spécifiques pour écraser navigation.css de MasterStudy */
.masterstudy-course-player-navigation .masterstudy-nav-button_style-secondary,
.masterstudy-course-player-navigation .masterstudy-nav-button_style-primary,
.masterstudy-course-player-navigation__prev .masterstudy-nav-button,
.masterstudy-course-player-navigation__next .masterstudy-nav-button {
  padding: 14px 28px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  text-decoration: none !important;
}

/* Hover */
.masterstudy-nav-button_style-secondary:hover {
  background: var(--bsq-cream-mid) !important;
  border-color: var(--bsq-green-light) !important;
  color: var(--bsq-green) !important;
}
.masterstudy-nav-button_style-primary:hover {
  background: var(--bsq-green-hover) !important;
  border-color: var(--bsq-green-hover) !important;
  color: #faf7f2 !important;
}

/* État désactivé / grisé */
.masterstudy-nav-button.masterstudy-nav-button_disabled {
  opacity: 0.4 !important;
  pointer-events: none !important;
  cursor: default !important;
  border-color: var(--bsq-border-soft) !important;
  color: var(--bsq-text-light) !important;
  text-decoration: none !important;
}


/* ════════════════════════════════════════════════════════
   PANNEAU DISCUSSIONS
   ════════════════════════════════════════════════════════ */
.masterstudy-course-player-discussions {
  background: var(--bsq-cream) !important;
  border-left: 1px solid var(--bsq-border) !important;
}
.masterstudy-discussions__header {
  border-bottom: 1px solid var(--bsq-border) !important;
  background: var(--bsq-cream-mid) !important;
}
.masterstudy-button_style-tertiary {
  border-color: var(--bsq-green-light) !important;
  color: var(--bsq-green) !important;
  font-family: Georgia, serif !important;
  border-radius: 20px !important;
}
.masterstudy-button_style-tertiary:hover { background: var(--bsq-green-bg) !important; border-color: var(--bsq-green) !important; }
.masterstudy-discussions__textarea {
  border: 1px solid var(--bsq-border) !important;
  background: #fff !important;
  color: var(--bsq-text) !important;
  font-family: Georgia, serif !important;
  border-radius: 4px !important;
}


/* ════════════════════════════════════════════════════════
   LOADER & LIEN RETOUR
   ════════════════════════════════════════════════════════ */
.masterstudy-loader__body { border-top-color: var(--bsq-green) !important; }
.masterstudy-back-link { color: var(--bsq-text-light) !important; }
.masterstudy-back-link:hover { color: var(--bsq-green) !important; }


/* ════════════════════════════════════════════════════════
   DARK MODE
   MasterStudy ajoute le suffixe _dark-mode sur chaque
   composant individuellement (pas de wrapper parent).
   ════════════════════════════════════════════════════════ */

/* Redéfinition des variables dans le contexte dark */
.masterstudy-course-player-header.masterstudy-course-player-header_dark-mode,
.masterstudy-course-player-content.masterstudy-course-player-content_dark-mode,
.masterstudy-course-player-content_dark-mode .masterstudy-course-player-curriculum,
.masterstudy-course-player-content_dark-mode .masterstudy-course-player-discussions {
  --bsq-bg-main:     #1a2220;
  --bsq-cream:       #1e2923;
  --bsq-cream-mid:   #222f29;
  --bsq-border:      #2e3d37;
  --bsq-border-soft: #283530;
  --bsq-green:       #7ec8a0;
  --bsq-green-light: #4a8c6a;
  --bsq-green-bg:    #1f2f28;
  --bsq-green-hover: #9dd4b4;
  --bsq-text:        #e8e0d4;
  --bsq-text-mid:    #c8bfb2;
  --bsq-text-light:  #8a8278;
  --bsq-shadow:      rgba(0, 0, 0, 0.40);
}

/* Header dark */
.masterstudy-course-player-header_dark-mode {
  background: var(--bsq-cream) !important;
  border-bottom-color: var(--bsq-border) !important;
}

/* Curriculum dark — la classe _dark-mode est sur l'accordion */
.masterstudy-curriculum-accordion_dark-mode { background: transparent; }
.masterstudy-course-player-content_dark-mode .masterstudy-course-player-curriculum {
  background: #1e2923 !important;
  border-right-color: #2e3d37 !important;
}
.masterstudy-course-player-content_dark-mode .masterstudy-course-player-curriculum__title { color: #e8e0d4 !important; }
.masterstudy-curriculum-accordion_dark-mode .masterstudy-curriculum-accordion__section {
  background: #222f29 !important;
  border-bottom-color: #283530 !important;
}
.masterstudy-curriculum-accordion_dark-mode .masterstudy-curriculum-accordion__section-title { color: #e8e0d4 !important; }
.masterstudy-curriculum-accordion_dark-mode .masterstudy-curriculum-accordion__section-count {
  color: #8a8278 !important;
  background: rgba(126, 200, 160, 0.10) !important;
}
.masterstudy-curriculum-accordion_dark-mode .masterstudy-curriculum-accordion__item { border-bottom-color: #283530 !important; }
.masterstudy-curriculum-accordion_dark-mode .masterstudy-curriculum-accordion__link { background: transparent !important; }
.masterstudy-curriculum-accordion_dark-mode .masterstudy-curriculum-accordion__link:hover { background: #1f2f28 !important; }
.masterstudy-curriculum-accordion_dark-mode .masterstudy-curriculum-accordion__link_current,
.masterstudy-curriculum-accordion_dark-mode .masterstudy-curriculum-accordion__link_current:hover {
  background: #1f3d2e !important;
  border-left-color: #7ec8a0 !important;
}
.masterstudy-curriculum-accordion_dark-mode .masterstudy-curriculum-accordion__link_current .masterstudy-curriculum-accordion__title { color: #7ec8a0 !important; }
.masterstudy-curriculum-accordion_dark-mode .masterstudy-curriculum-accordion__title { color: #c8bfb2 !important; }
.masterstudy-curriculum-accordion_dark-mode .masterstudy-curriculum-accordion__meta { color: #8a8278 !important; }
.masterstudy-curriculum-accordion_dark-mode .masterstudy-curriculum-accordion__check { border-color: #6a8070 !important; }

/* Zone contenu dark */
.masterstudy-course-player-content_dark-mode .masterstudy-course-player-content__wrapper { background: #1a2220 !important; }
.masterstudy-course-player-content_dark-mode .masterstudy-course-player-content__header {
  background: #1a2220 !important;
  border-bottom-color: #2e3d37 !important;
}
.masterstudy-course-player-content_dark-mode .masterstudy-course-player-content__header-lesson-type { color: #7ec8a0 !important; }
.masterstudy-course-player-content_dark-mode .masterstudy-course-player-content__header h1,
.masterstudy-course-player-content_dark-mode .masterstudy-course-player-content__header h2 { color: #e8e0d4 !important; }
.masterstudy-course-player-content_dark-mode .masterstudy-course-player-lesson,
.masterstudy-course-player-content_dark-mode .masterstudy-course-player-lesson p,
.masterstudy-course-player-content_dark-mode .masterstudy-course-player-lesson li { color: #c8bfb2 !important; }

/* Navigation dark */
.masterstudy-course-player-content_dark-mode .masterstudy-course-player-navigation {
  background: #1a2220 !important;
  border-top-color: #2e3d37 !important;
}
.masterstudy-nav-button_dark-mode.masterstudy-nav-button_style-secondary {
  background: var(--bsq-cream) !important;
  border-color: #2e3d37 !important;
  color: #c8bfb2 !important;
}
.masterstudy-nav-button_dark-mode.masterstudy-nav-button_style-secondary:hover {
  background: #222f29 !important;
  border-color: #4a8c6a !important;
  color: #7ec8a0 !important;
}
.masterstudy-nav-button_dark-mode.masterstudy-nav-button_style-primary {
  background: #7ec8a0 !important;
  border-color: #7ec8a0 !important;
  color: #0d1a12 !important;
  opacity: 1 !important;
}
.masterstudy-nav-button_dark-mode.masterstudy-nav-button_style-primary:hover {
  background: #9dd4b4 !important;
  border-color: #9dd4b4 !important;
}

/* Discussions dark */
.masterstudy-course-player-content_dark-mode .masterstudy-course-player-discussions {
  background: #1e2923 !important;
  border-left-color: #2e3d37 !important;
}
.masterstudy-course-player-content_dark-mode .masterstudy-discussions__header {
  background: #222f29 !important;
  border-bottom-color: #2e3d37 !important;
}
.masterstudy-course-player-content_dark-mode .masterstudy-discussions__textarea {
  background: #222f29 !important;
  border-color: #2e3d37 !important;
  color: #e8e0d4 !important;
}

/* Loader dark */
.masterstudy-loader_dark-mode .masterstudy-loader__body { border-top-color: #7ec8a0 !important; }


/* ════════════════════════════════════════════════════════
   RESPONSIVE
   ════════════════════════════════════════════════════════ */
@media (max-width: 768px) {
  .masterstudy-course-player-curriculum__mobile-header {
    background: var(--bsq-cream-mid) !important;
    border-bottom: 1px solid var(--bsq-border) !important;
  }
  .masterstudy-course-player-curriculum__mobile-title {
    color: var(--bsq-text) !important;
    font-family: Georgia, serif !important;
    font-weight: 700 !important;
  }
}