:root {
  --claam-green: #0a4d4c;
  --claam-green-dark: #083d3c;
  --claam-gold: #c8a96b;
  --claam-cream: #faf8f5;
  --claam-white: #ffffff;
  --claam-heading: "Cinzel", serif;
  --claam-text: "Marcellus", serif;
  --claam-arabic: "Amiri Quran", "Amiri", serif;
}

.claam-hidden-financial { display: none !important; }

body.tutor-screen-frontend-dashboard .tutor-dashboard-layout {
  background: var(--claam-cream) !important;
}

body.tutor-screen-frontend-dashboard .tutor-dashboard-sidebar,
body.tutor-screen-frontend-dashboard .tutor-dashboard-header,
body.tutor-screen-frontend-dashboard .tutor-dashboard-page {
  font-family: var(--claam-text) !important;
}

/* Green CLAAM sidebar */
body.tutor-screen-frontend-dashboard .tutor-dashboard-sidebar {
  background: var(--claam-green) !important;
  border-right-color: rgba(200, 169, 107, .45) !important;
}

body.tutor-screen-frontend-dashboard .tutor-dashboard-sidebar-logo .site-title,
body.tutor-screen-frontend-dashboard .tutor-dashboard-sidebar-nav a,
body.tutor-screen-frontend-dashboard .tutor-dashboard-sidebar-nav a svg,
body.tutor-screen-frontend-dashboard .tutor-dashboard-sidebar-nav a i {
  color: var(--claam-white) !important;
}

body.tutor-screen-frontend-dashboard .tutor-dashboard-sidebar-logo .site-title {
  font-family: var(--claam-heading) !important;
}

body.tutor-screen-frontend-dashboard .tutor-dashboard-sidebar-nav a:hover {
  color: var(--claam-gold) !important;
  background: rgba(255,255,255,.08) !important;
}

body.tutor-screen-frontend-dashboard .tutor-dashboard-sidebar-nav li.active > a,
body.tutor-screen-frontend-dashboard .tutor-dashboard-sidebar-nav a.active {
  color: var(--claam-green-dark) !important;
  background: var(--claam-gold) !important;
}

body.tutor-screen-frontend-dashboard .tutor-dashboard-sidebar-nav li.active > a svg,
body.tutor-screen-frontend-dashboard .tutor-dashboard-sidebar-nav a.active svg {
  color: var(--claam-green-dark) !important;
}

body.tutor-screen-frontend-dashboard .tutor-dashboard-sidebar-nav hr,
body.tutor-screen-frontend-dashboard .tutor-dashboard-sidebar-nav .tutor-dashboard-menu-divider {
  border-color: rgba(255,255,255,.22) !important;
}

body.tutor-screen-frontend-dashboard .tutor-stat-card,
body.tutor-screen-frontend-dashboard .tutor-dashboard-home-chart {
  background: var(--claam-white) !important;
  border-color: rgba(10, 77, 76, 0.14) !important;
}

body.tutor-screen-frontend-dashboard .tutor-stat-card-title,
body.tutor-screen-frontend-dashboard .tutor-dashboard-home-chart .tutor-small {
  color: var(--claam-green-dark) !important;
}

body.tutor-screen-frontend-dashboard [data-section-id="current_stats"] {
  align-items: stretch !important;
}

body.tutor-screen-frontend-dashboard [data-section-id="current_stats"] > .tutor-flex-1:not(.claam-hidden-financial) {
  min-width: 210px !important;
}

/* Student course continuation card: gold border + light shadow */
body.tutor-screen-frontend-dashboard .tutor-dashboard-page .tutor-card,
body.tutor-screen-frontend-dashboard .tutor-dashboard-page [class*="course-card"],
body.tutor-screen-frontend-dashboard .tutor-dashboard-page [class*="course-list"] > div {
  border-color: rgba(200, 169, 107, .72) !important;
}

body.tutor-screen-frontend-dashboard .tutor-dashboard-page .tutor-card:has(.tutor-course-name),
body.tutor-screen-frontend-dashboard .tutor-dashboard-page .tutor-card:has(img),
body.tutor-screen-frontend-dashboard .tutor-dashboard-page [class*="course-card"] {
  border: 1px solid var(--claam-gold) !important;
  box-shadow: 0 5px 16px rgba(8, 61, 60, .09) !important;
  background: var(--claam-white) !important;
}

.claam-dashboard-greeting,
.claam-login-greeting {
  color: var(--claam-gold) !important;
  font-family: var(--claam-arabic) !important;
  font-weight: 400 !important;
  line-height: 1.6 !important;
}

.claam-dashboard-greeting {
  width: auto !important;
  margin: 0 !important;
  font-size: clamp(22px, 2.2vw, 32px) !important;
  text-align: left !important;
}

.claam-login-greeting {
  margin-bottom: 24px !important;
  font-size: clamp(21px, 2vw, 29px) !important;
  text-align: center !important;
}

.claam-back-dashboard,
.tutor-course-topic-single-footer .claam-back-dashboard {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 48px !important;
  min-width: 190px !important;
  padding: 0 24px !important;
  border: 1px solid rgba(255, 255, 255, .65) !important;
  border-radius: 10px !important;
  background: var(--claam-green) !important;
  color: var(--claam-white) !important;
  font-family: var(--claam-text) !important;
  text-decoration: none !important;
}

.claam-back-dashboard:hover {
  background: var(--claam-gold) !important;
  color: var(--claam-white) !important;
}

@media (max-width: 767px) {
  .claam-dashboard-greeting {
    font-size: 21px !important;
    text-align: center !important;
  }
  body.tutor-screen-frontend-dashboard .tutor-dashboard-sidebar {
    background: var(--claam-green) !important;
  }
}

/* ===== CLAAM Tutor Core 2.2.0 ===== */
body.tutor-screen-frontend-dashboard .tutor-dashboard-layout,
body.tutor-screen-frontend-dashboard .tutor-dashboard-main,
body.tutor-screen-frontend-dashboard .tutor-dashboard-body,
body.tutor-screen-frontend-dashboard .tutor-dashboard-page {
  background: var(--claam-white) !important;
}

body.tutor-screen-frontend-dashboard .tutor-dashboard-header {
  background: var(--claam-white) !important;
  border-bottom: 2px solid var(--claam-gold) !important;
  box-shadow: none !important;
}

body.tutor-screen-frontend-dashboard .tutor-dashboard-sidebar-logo,
body.tutor-screen-frontend-dashboard .tutor-dashboard-sidebar-header {
  min-height: 92px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 14px 18px !important;
  border-bottom: 1px solid rgba(200, 169, 107, .68) !important;
}

body.tutor-screen-frontend-dashboard .claam-dashboard-logo {
  display: block !important;
  width: auto !important;
  max-width: 150px !important;
  max-height: 64px !important;
  object-fit: contain !important;
}

/* Tutor 4 may recreate the marketplace item after the PHP filter. */
body.tutor-screen-frontend-dashboard a[href*="explore-courses"],
body.tutor-screen-frontend-dashboard a[href*="marketplace"] {
  display: none !important;
}
body.tutor-screen-frontend-dashboard li:has(> a[href*="explore-courses"]),
body.tutor-screen-frontend-dashboard li:has(> a[href*="marketplace"]) {
  display: none !important;
}

/* Unified CLAAM button states across Tutor screens. */
body[class*="tutor"] .tutor-btn:not(:disabled):hover,
body[class*="tutor"] .tutor-btn:not(:disabled):focus,
body[class*="tutor"] .tutor-btn-primary:not(:disabled):hover,
body[class*="tutor"] .tutor-btn-primary:not(:disabled):focus,
body[class*="tutor"] .tutor-btn-secondary:not(:disabled):hover,
body[class*="tutor"] .tutor-btn-secondary:not(:disabled):focus,
body[class*="tutor"] .tutor-btn-outline-primary:not(:disabled):hover,
body[class*="tutor"] .tutor-btn-outline-primary:not(:disabled):focus,
body[class*="tutor"] button[class*="tutor-btn"]:not(:disabled):hover,
body[class*="tutor"] button[class*="tutor-btn"]:not(:disabled):focus,
body[class*="tutor"] a[class*="tutor-btn"]:hover,
body[class*="tutor"] a[class*="tutor-btn"]:focus {
  background-color: var(--claam-gold) !important;
  border-color: var(--claam-gold) !important;
  color: var(--claam-white) !important;
  box-shadow: none !important;
}

body[class*="tutor"] .tutor-btn:not(:disabled):hover svg,
body[class*="tutor"] .tutor-btn:not(:disabled):focus svg,
body[class*="tutor"] a[class*="tutor-btn"]:hover svg,
body[class*="tutor"] a[class*="tutor-btn"]:focus svg {
  color: var(--claam-white) !important;
  fill: currentColor !important;
}



/* ===== CLAAM Tutor Core 2.3.0 : correctifs stables ===== */
/* Lien injecté directement par Tutor 4. */
body.tutor-screen-frontend-dashboard .tutor-see-all-courses,
body.tutor-screen-frontend-dashboard a.tutor-see-all-courses,
body.tutor-screen-frontend-dashboard a[href*="explore-courses"],
body.tutor-screen-frontend-dashboard a[href*="marketplace"] {
  display: none !important;
}

/* Bouton natif Tutor : aucune copie, aucun déplacement du DOM. */
#tutor-topbar-mark-btn,
.tutor-topbar-mark-btn,
button[data-tutor-mark-complete],
.tutor-course-topic-single-header .tutor-btn-primary {
  background: var(--claam-green) !important;
  border-color: var(--claam-green) !important;
  color: var(--claam-white) !important;
  font-family: var(--claam-text) !important;
}

#tutor-topbar-mark-btn:not(:disabled):hover,
#tutor-topbar-mark-btn:not(:disabled):focus,
.tutor-topbar-mark-btn:not(:disabled):hover,
.tutor-topbar-mark-btn:not(:disabled):focus,
button[data-tutor-mark-complete]:not(:disabled):hover,
button[data-tutor-mark-complete]:not(:disabled):focus,
.tutor-course-topic-single-header .tutor-btn-primary:not(:disabled):hover,
.tutor-course-topic-single-header .tutor-btn-primary:not(:disabled):focus {
  background: var(--claam-gold) !important;
  border-color: var(--claam-gold) !important;
  color: var(--claam-white) !important;
}

/* Évite tout bleu/turquoise résiduel sur les contrôles Tutor. */
body[class*="tutor"] .tutor-btn-outline-primary:not(:disabled):hover,
body[class*="tutor"] .tutor-btn-outline-primary:not(:disabled):focus,
body[class*="tutor"] .tutor-form-check-input:checked,
body[class*="tutor"] input[type="checkbox"]:checked {
  background-color: var(--claam-gold) !important;
  border-color: var(--claam-gold) !important;
}
/* =====================================================
   CLAAM — COULEURS DU TABLEAU DE BORD TUTOR
   ===================================================== */

/* Palette CLAAM */
.tutor-dashboard-layout,
.tutor-dashboard-page,
.tutor-dashboard-notification-modal,
.tutor-dashboard-notification-offcanvas,
.tutor-pn-drawer-content {

	--tutor-brand-100: #fdfaf3 !important;
	--tutor-brand-200: #f8f0df !important;
	--tutor-brand-300: #f1e3c4 !important;
	--tutor-brand-400: #e4ce9d !important;
	--tutor-brand-450: #d9bd82 !important;
	--tutor-brand-500: #cfaf70 !important;
	--tutor-brand-600: #c8a96b !important;
	--tutor-brand-700: #b99656 !important;
	--tutor-brand-800: #9d7c3f !important;
	--tutor-brand-900: #806330 !important;
	--tutor-brand-950: #5e4722 !important;
}


/* =====================================================
   CARTE NOTIFICATIONS / MISSIONS
   ===================================================== */

.tutor-pn-drawer-content,
.tutor-dashboard-page .tutor-pn-drawer-content{

	background:#ffffff !important;

	border:1px solid #c8a96b !important;

	border-radius:12px !important;

	box-shadow:0 6px 18px rgba(0,0,0,.05) !important;
}


/* Titre */

.tutor-pn-drawer-content h1,
.tutor-pn-drawer-content h2,
.tutor-pn-drawer-content h3{

	color:#0a4d4c !important;

	font-family:var(--claam-heading) !important;
}


/* Texte */

.tutor-pn-drawer-content,
.tutor-pn-drawer-content p,
.tutor-pn-drawer-content span{

	color:#444 !important;
}


/* Icônes du bandeau */

.tutor-pn-drawer-content svg,
.tutor-pn-drawer-content i,
.tutor-pn-drawer-content .tutor-icon-bullhorn,
.tutor-pn-drawer-content .tutor-icon-megaphone{

	display:none !important;
}


/* Bouton */

.tutor-pn-drawer-content .tutor-btn-primary{

	background:#0a4d4c !important;

	border-color:#0a4d4c !important;

	color:#ffffff !important;
}

.tutor-pn-drawer-content .tutor-btn-primary:hover,
.tutor-pn-drawer-content .tutor-btn-primary:focus{

	background:#c8a96b !important;

	border-color:#c8a96b !important;

	color:#ffffff !important;
}


/* =====================================================
   BOUTONS TUTOR
   ===================================================== */

.tutor-dashboard-layout .tutor-btn-primary,
.tutor-dashboard-page .tutor-btn-primary{

	background:#0a4d4c !important;

	border-color:#0a4d4c !important;

	color:#ffffff !important;
}

.tutor-dashboard-layout .tutor-btn-primary:hover,
.tutor-dashboard-layout .tutor-btn-primary:focus,
.tutor-dashboard-page .tutor-btn-primary:hover,
.tutor-dashboard-page .tutor-btn-primary:focus{

	background:#c8a96b !important;

	border-color:#c8a96b !important;

	color:#ffffff !important;
}


/* =====================================================
   LIENS
   ===================================================== */

.tutor-dashboard-layout .tutor-btn-link,
.tutor-dashboard-page .tutor-btn-link,
.tutor-dashboard-layout a:hover,
.tutor-dashboard-page a:hover{

	color:#b99656 !important;
}


/* =====================================================
   COULEURS TUTOR
   ===================================================== */

.tutor-dashboard-layout .tutor-color-brand,
.tutor-dashboard-page .tutor-color-brand,
.tutor-dashboard-layout [class*="tutor-color-brand"],
.tutor-dashboard-page [class*="tutor-color-brand"]{

	color:#c8a96b !important;
}

.tutor-dashboard-layout .tutor-border-brand,
.tutor-dashboard-page .tutor-border-brand,
.tutor-tabs-tab-active{

	border-color:#c8a96b !important;
}


/* Pastilles */

.tutor-dashboard-notification-unread-dot,
.tutor-dashboard-notification-badge{

	background:#c8a96b !important;
}


/* Barre de progression */

.tutor-progress-bar span,
.tutor-progress-value,
progress::-webkit-progress-value{

	background:#0a4d4c !important;
}
/* =====================================================
   CLAAM - Bandeau notifications épuré
   ===================================================== */

/* Carte */
.tutor-pn-drawer-content{

    background:#fff !important;
    border:1px solid #c8a96b !important;
    border-radius:12px !important;

    min-height:95px !important;
    padding:18px 28px !important;

    box-shadow:0 4px 14px rgba(0,0,0,.05) !important;
}


/* Plus de mégaphone */

.tutor-pn-drawer-content img{

    display:none !important;
}


/* Plus de bouton rond fermer */

.tutor-pn-drawer-close{

    display:none !important;
}


/* On centre le contenu */

.tutor-pn-drawer-content .tutor-flex{

    align-items:center !important;
}


/* Titre */

.tutor-pn-drawer-title{

    color:#0a4d4c !important;

    font-family:var(--claam-heading) !important;

    font-size:22px !important;

    margin-bottom:6px !important;
}


/* Description */

.tutor-pn-drawer-description{

    color:#555 !important;

    font-size:15px !important;

    line-height:1.5 !important;
}


/* Bouton */

.tutor-pn-drawer-link{

    margin-top:12px !important;

    background:#0a4d4c !important;

    border-color:#0a4d4c !important;

    color:#fff !important;

    border-radius:8px !important;
}

.tutor-pn-drawer-link:hover{

    background:#c8a96b !important;

    border-color:#c8a96b !important;
}