/*=====================================================
  CLAAM - Tutor LMS Theme
  Version : 2.0
  Usage : Tutor LMS / Tutor LMS Pro
  Emplacement : wp-content/uploads/claam/tutor.css
=====================================================*/

:root{
  --claam-green:#0a4d4c;
  --claam-green-dark:#083d3c;
  --claam-green-soft:#2b6665;
  --claam-gold:#c8a96b;
  --claam-cream:#F6F2ED;
  --claam-cream-light:#FAF8F5;
  --claam-white:#ffffff;

  --claam-heading:"Cinzel", serif;
  --claam-text:"Marcellus", serif;
  --claam-elegant:"Cormorant", serif;
  --claam-arabic:"Amiri Quran", serif;
}


/*=====================================================
  1. TUTOR LMS - TYPOGRAPHIES GÉNÉRALES
=====================================================*/

.tutor-wrap,
.tutor-site-wrap,
.tutor-course-single-content-wrapper,
.tutor-course-single-sidebar-wrapper,
.tutor-dashboard,
.tutor-form-control,
.tutor-btn{
  font-family:var(--claam-text) !important;
}

.tutor-wrap h1,
.tutor-wrap h2,
.tutor-wrap h3,
.tutor-wrap h4,
.tutor-wrap h5,
.tutor-wrap h6,
.tutor-site-wrap h1,
.tutor-site-wrap h2,
.tutor-site-wrap h3,
.tutor-site-wrap h4,
.tutor-site-wrap h5,
.tutor-site-wrap h6{
  font-family:var(--claam-heading) !important;
}

.tutor-wrap [lang="ar"],
.tutor-site-wrap [lang="ar"],
.tutor-wrap .claam-arabic,
.tutor-site-wrap .claam-arabic{
  font-family:var(--claam-arabic) !important;
}


/*=====================================================
  2. SIDEBAR COURS - BANDEAU "CONTENU DU COURS"
=====================================================*/

.tutor-course-single-sidebar-wrapper .tutor-course-single-sidebar-title{
  background:var(--claam-cream) !important;
  border-bottom:1px solid rgba(200,169,107,0.30) !important;
  justify-content:center !important;
  text-align:center !important;
  padding:16px 20px !important;
}

.tutor-course-single-sidebar-wrapper .tutor-course-single-sidebar-title span,
.tutor-course-single-sidebar-wrapper .tutor-course-single-sidebar-title .tutor-color-secondary{
  color:var(--claam-green) !important;
  font-family:var(--claam-heading) !important;
  font-weight:700 !important;
  text-align:center !important;
  width:100% !important;
}


/*=====================================================
  3. SIDEBAR COURS - MODULES
=====================================================*/

.tutor-course-single-sidebar-wrapper .tutor-accordion-item-header{
  background:var(--claam-green) !important;
  border-bottom:1px solid rgba(200,169,107,0.30) !important;
}

.tutor-course-single-sidebar-wrapper .tutor-accordion-item-header,
.tutor-course-single-sidebar-wrapper .tutor-accordion-item-header *{
  color:var(--claam-white) !important;
  font-family:var(--claam-elegant) !important;
  font-weight:600 !important;
  line-height:1.2 !important;
}

.tutor-course-topic-title{
  font-family:var(--claam-elegant) !important;
  font-weight:600 !important;
  text-transform:none !important;
  line-height:1.2 !important;
}

.tutor-course-single-sidebar-wrapper .tutor-accordion-item-header span{
  color:var(--claam-gold) !important;
}

.tutor-course-single-sidebar-wrapper .tutor-accordion-item-header:after,
.tutor-course-single-sidebar-wrapper .tutor-accordion-item-header::after,
.tutor-course-single-sidebar-wrapper .tutor-accordion-item-header i,
.tutor-course-single-sidebar-wrapper .tutor-accordion-item-header svg,
.tutor-course-single-sidebar-wrapper .tutor-accordion-item-header svg path,
.tutor-course-single-sidebar-wrapper .tutor-accordion-item-header [class*="angle"],
.tutor-course-single-sidebar-wrapper .tutor-accordion-item-header [class*="chevron"],
.tutor-course-single-sidebar-wrapper .tutor-accordion-item-header [class*="arrow"]{
  color:var(--claam-gold) !important;
  fill:var(--claam-gold) !important;
  stroke:var(--claam-gold) !important;
  border-color:var(--claam-gold) !important;
  opacity:1 !important;
}

.tutor-course-single-sidebar-wrapper .tutor-course-topic{
  border-bottom:1px solid rgba(200,169,107,0.30) !important;
}


/*=====================================================
  4. SIDEBAR COURS - CORPS MODULES & LEÇONS
=====================================================*/

.tutor-course-single-sidebar-wrapper .tutor-accordion-item-body{
  background:var(--claam-cream) !important;
}

.tutor-course-single-sidebar-wrapper .tutor-course-topic-item{
  background:var(--claam-cream) !important;
  border-bottom:1px solid rgba(200,169,107,0.15) !important;
  transition:all .25s ease !important;
}

.tutor-course-topic-item-title{
  font-family:var(--claam-text) !important;
  text-transform:none !important;
  font-weight:400 !important;
}

.tutor-course-topic-item a,
.tutor-course-topic-item-title{
  text-transform:none !important;
}

.tutor-course-single-sidebar-wrapper .tutor-course-topic-item a{
  color:var(--claam-green) !important;
}


/*=====================================================
  5. SIDEBAR COURS - HOVER & LEÇON ACTIVE
=====================================================*/

.tutor-course-single-sidebar-wrapper .tutor-course-topic-item:hover{
    background:rgba(10,77,76,0.08) !important;
}

.tutor-course-topic-item a:hover,
.tutor-course-single-sidebar-wrapper .tutor-course-topic-item:hover a{
    color:var(--claam-green) !important;
}

/* Leçon active */
.tutor-course-single-sidebar-wrapper .tutor-course-topic-item.is-active{
    background:rgba(200,169,107,.12) !important;
    border-left:3px solid var(--claam-gold) !important;
    border-radius:0 !important;
}

/* Texte actif */
.tutor-course-single-sidebar-wrapper .tutor-course-topic-item.is-active a,
.tutor-course-single-sidebar-wrapper .tutor-course-topic-item.is-active .tutor-course-topic-item-title,
.tutor-course-single-sidebar-wrapper .tutor-course-topic-item.is-active span{
    color:var(--claam-green) !important;
}

/* Icône active */
.tutor-course-single-sidebar-wrapper .tutor-course-topic-item.is-active .tutor-course-topic-item-icon,
.tutor-course-single-sidebar-wrapper .tutor-course-topic-item.is-active .tutor-course-topic-item-icon::before{
    color:var(--claam-gold) !important;
}


/*=====================================================
  6. SIDEBAR COURS - ICÔNES LEÇONS
=====================================================*/

.tutor-course-single-sidebar-wrapper .tutor-course-topic-item-icon,
.tutor-course-single-sidebar-wrapper .tutor-course-topic-item-icon::before,
.tutor-course-single-sidebar-wrapper .tutor-course-topic-item .tutor-icon-document-text,
.tutor-course-single-sidebar-wrapper .tutor-course-topic-item .tutor-icon-document-text::before{
  color:var(--claam-gold) !important;
}

.tutor-course-single-sidebar-wrapper .tutor-course-topic-item.is-active .tutor-course-topic-item-icon,
.tutor-course-single-sidebar-wrapper .tutor-course-topic-item.is-active .tutor-course-topic-item-icon::before,
.tutor-course-single-sidebar-wrapper .tutor-course-topic-item.is-active .tutor-icon-document-text,
.tutor-course-single-sidebar-wrapper .tutor-course-topic-item.is-active .tutor-icon-document-text::before{
  color:var(--claam-gold) !important;
}


/*=====================================================
  7. SIDEBAR COURS - ICÔNES DEVOIRS / ASSIGNMENTS
=====================================================*/

.tutor-course-topic-item-assignment .tutor-course-topic-item-icon,
.tutor-course-topic-item-assignment .tutor-course-topic-item-icon::before,
.tutor-course-topic-item-assignment .tutor-icon-assignment,
.tutor-course-topic-item-assignment .tutor-icon-assignment::before,
.tutor-course-topic-item-assignment span[class*="tutor-icon"],
.tutor-course-topic-item-assignment span[class*="tutor-icon"]::before,
.tutor-course-topic-item-assignment i[class*="tutor-icon"],
.tutor-course-topic-item-assignment i[class*="tutor-icon"]::before{
  color:var(--claam-green-soft) !important;
}

.tutor-course-topic-item-assignment svg,
.tutor-course-topic-item-assignment svg path{
  fill:var(--claam-green-soft) !important;
  stroke:var(--claam-green-soft) !important;
}


/*=====================================================
  8. PROGRAMME SUR PAGE DÉTAIL DU COURS
=====================================================*/

#tutor-course-details-tab-info .tutor-accordion-item{
  background:var(--claam-cream) !important;
  border:1px solid rgba(200,169,107,0.25) !important;
  border-radius:6px !important;
  overflow:hidden !important;
}

#tutor-course-details-tab-info .tutor-accordion-item-header{
  background:var(--claam-green) !important;
  color:var(--claam-white) !important;
  border-radius:0 !important;
}

#tutor-course-details-tab-info .tutor-accordion-item-header,
#tutor-course-details-tab-info .tutor-accordion-item-header *{
  color:var(--claam-white) !important;
  font-family:var(--claam-heading) !important;
  font-weight:700 !important;
}

#tutor-course-details-tab-info .tutor-accordion-item-header:after,
#tutor-course-details-tab-info .tutor-accordion-item-header::after,
#tutor-course-details-tab-info .tutor-accordion-item-header i,
#tutor-course-details-tab-info .tutor-accordion-item-header svg,
#tutor-course-details-tab-info .tutor-accordion-item-header svg path,
#tutor-course-details-tab-info .tutor-accordion-item-header [class*="angle"],
#tutor-course-details-tab-info .tutor-accordion-item-header [class*="chevron"],
#tutor-course-details-tab-info .tutor-accordion-item-header [class*="arrow"]{
  color:var(--claam-gold) !important;
  fill:var(--claam-gold) !important;
  stroke:var(--claam-gold) !important;
  opacity:1 !important;
}

#tutor-course-details-tab-info .tutor-accordion-item-body,
#tutor-course-details-tab-info .tutor-course-topic-item{
  background:var(--claam-cream) !important;
}

#tutor-course-details-tab-info .tutor-course-topic-item{
  border-bottom:1px solid rgba(200,169,107,0.15) !important;
}

#tutor-course-details-tab-info .tutor-course-topic-item a,
#tutor-course-details-tab-info .tutor-course-topic-item-title{
  color:var(--claam-green) !important;
}

#tutor-course-details-tab-info .tutor-course-topic-item-icon,
#tutor-course-details-tab-info .tutor-course-topic-item-icon::before,
#tutor-course-details-tab-info .tutor-icon-document-text,
#tutor-course-details-tab-info .tutor-icon-document-text::before{
  color:var(--claam-gold) !important;
}


/*=====================================================
  9. PAGE DES DEVOIRS / ASSIGNMENTS
=====================================================*/

.tutor-assignment-meta-info{
  display:none !important;
}

.tutor-fs-7.tutor-color-secondary{
  display:none !important;
}

.header-title{
  color:var(--claam-gold) !important;
  font-family:var(--claam-heading) !important;
  font-weight:700 !important;
  font-size:34px !important;
}

.tutor-fs-6.tutor-fw-medium.tutor-color-black{
  color:var(--claam-green) !important;
  font-family:var(--claam-heading) !important;
  font-weight:700 !important;
  font-size:26px !important;
}


/*=====================================================
  10. RESPONSIVE
=====================================================*/

@media (max-width:768px){
  .tutor-course-topic-title{
    font-size:14px !important;
  }

  .tutor-course-topic-item-title{
    font-size:13px !important;
  }

  .tutor-course-single-sidebar-wrapper .tutor-course-single-sidebar-title span,
  .tutor-course-single-sidebar-wrapper .tutor-course-single-sidebar-title .tutor-color-secondary{
    font-size:16px !important;
  }

  .header-title{
    font-size:26px !important;
  }

  .tutor-fs-6.tutor-fw-medium.tutor-color-black{
    font-size:22px !important;
  }
}

/*=====================================================
  11. TABLEAU DE BORD / LISTE DU CONTENU DU COURS
  Objectif : titres de leçons en vert CLAAM et casse normale
=====================================================*/

.tutor-dashboard .tutor-course-content-list-item,
.tutor-dashboard .tutor-course-content-list-item *,
.tutor-course-content-list .tutor-course-content-list-item,
.tutor-course-content-list .tutor-course-content-list-item *{
  text-transform:none !important;
}

.tutor-dashboard .tutor-course-content-list-item a,
.tutor-dashboard .tutor-course-content-list-item span,
.tutor-dashboard .tutor-course-content-list-item .tutor-course-topic-item-title,
.tutor-course-content-list .tutor-course-content-list-item a,
.tutor-course-content-list .tutor-course-content-list-item span,
.tutor-course-content-list .tutor-course-content-list-item .tutor-course-topic-item-title{
  color:var(--claam-green) !important;
  font-family:var(--claam-text) !important;
  font-weight:400 !important;
}

.tutor-dashboard .tutor-course-content-list-item:hover,
.tutor-course-content-list .tutor-course-content-list-item:hover{
  background:rgba(10,77,76,0.08) !important;
}

.tutor-dashboard .tutor-course-content-list-item:hover a,
.tutor-dashboard .tutor-course-content-list-item:hover span,
.tutor-course-content-list .tutor-course-content-list-item:hover a,
.tutor-course-content-list .tutor-course-content-list-item:hover span{
  color:var(--claam-green) !important;
}


/*=====================================================
  12. TOPBAR LEÇON - GARDER LES TEXTES EN VERT CLAAM
  Objectif : Résumé / Remarques / Prendre note restent verts
=====================================================*/

.tutor-course-topic-single-header,
.tutor-course-topic-single-header *,
.tutor-course-spotlight-wrapper .tutor-nav-link,
.tutor-course-spotlight-wrapper .tutor-nav-link *,
.tutor-course-spotlight-wrapper .tutor-nav-link.is-active,
.tutor-course-spotlight-wrapper .tutor-nav-link.is-active *,
#tutor-lesson-nav-take-note-btn,
#tutor-lesson-nav-take-note-btn *{
  color:var(--claam-green) !important;
}

.tutor-course-spotlight-wrapper .tutor-nav-link.is-active{
  border-bottom-color:var(--claam-green) !important;
}


/*=====================================================
  13. NAVIGATION DES LEÇONS - BOUTONS CLAAM
=====================================================*/

.tutor-course-topic-single-footer{
  background:var(--claam-cream-light) !important;
  border-top:1px solid rgba(200,169,107,0.25) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:16px !important;
  flex-wrap:wrap !important;
}

.tutor-single-course-content-prev a,
.tutor-single-course-content-next a,
.claam-button-moved{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  height:48px !important;
  min-width:170px !important;
  padding:0 24px !important;
  background:var(--claam-green) !important;
  color:#ffffff !important;
  border:1px solid rgba(255,255,255,.65) !important;
  border-radius:10px !important;
  font-family:var(--claam-text) !important;
  font-size:18px !important;
  font-weight:400 !important;
  opacity:1 !important;
  transition:all .25s ease !important;
}

.tutor-single-course-content-prev a *,
.tutor-single-course-content-next a *,
.claam-button-moved *,
.claam-button-moved svg,
.claam-button-moved svg path{
  color:#ffffff !important;
  fill:#ffffff !important;
  stroke:#ffffff !important;
}

.tutor-single-course-content-prev a:hover,
.tutor-single-course-content-next a:hover,
.claam-button-moved:hover{
  background:var(--claam-gold) !important;
  color:#ffffff !important;
  border-color:#ffffff !important;
}
/*=====================================================
  15. CERCLES / COCHES DE PROGRESSION SIDEBAR
=====================================================*/

.tutor-course-single-sidebar-wrapper .tutor-form-check-circle{
  border-color:var(--claam-gold) !important;
}

.tutor-course-single-sidebar-wrapper .tutor-form-check-circle.checked,
.tutor-course-single-sidebar-wrapper .tutor-form-check-circle.is-checked,
.tutor-course-single-sidebar-wrapper .tutor-icon-check-circle{
  color:var(--claam-green) !important;
  border-color:var(--claam-green) !important;
}