/**
 * Tutor LMS Editorial Overrides — Complete Dashboard Suite
 * Emran Rafid Custom WordPress Theme
 *
 * Harmonizes Tutor LMS Student & Mentor / Instructor Dashboards
 * with the "Textured Vintage Editorial × Modern Digital Learning" design system.
 */

/* ========================================================
   1. ROOT DESIGN TOKEN OVERRIDES FOR TUTOR LMS 4.x
   ======================================================== */
:root,
html,
body,
[data-tutor-theme],
[data-tutor-theme="light"],
[data-tutor-theme="dark"],
[data-tutor-theme="system"],
.tutor-wrap,
.tutor-learning-page,
.tutor-learning-area,
.tutor-learning-sidebar,
.tutor-course-single-content-wrapper {
  /* Surfaces & Canvas — Warm Cream Editorial Paper */
  --tutor-surface-base: var(--er-paper, #F3EFE5) !important;
  --tutor-surface-l1: var(--er-white, #FCFAF6) !important;
  --tutor-surface-l1-hover: var(--er-cream, #E8E0D1) !important;
  --tutor-surface-l2: var(--er-cream, #E8E0D1) !important;
  --tutor-surface-l2-hover: #DFD6C5 !important;
  --tutor-surface-l3: #E3D9C7 !important;
  --tutor-surface-sidebar-l1: #EBE4D5 !important;
  --tutor-surface-dark: var(--er-ink, #24231F) !important;

  /* Tutor 2.x, 3.x & 4.x Core Color Variables (Eliminates default blue #3E64DE & lime green) */
  --tutor-color-primary: var(--er-terracotta, #AD654B) !important;
  --tutor-color-primary-rgb: 173, 101, 75 !important;
  --tutor-color-primary-hover: #8E4C35 !important;
  --tutor-color-primary-hover-rgb: 142, 76, 53 !important;
  --tutor-primary-10: #F7EFE9 !important;
  --tutor-primary-20: #EEDDD4 !important;
  --tutor-body-color: var(--er-ink, #24231F) !important;
  --tutor-body-color-rgb: 36, 35, 31 !important;
  --tutor-border-color: var(--er-border, #D3C7B6) !important;
  --tutor-border-color-rgb: 211, 199, 182 !important;
  --tutor-color-gray: var(--er-cream, #E8E0D1) !important;
  --tutor-color-gray-10: #F5EFE3 !important;
  --tutor-color-gray-20: var(--er-cream, #E8E0D1) !important;
  --tutor-color-secondary: var(--er-espresso, #49362D) !important;
  --tutor-color-muted: var(--er-muted-text, #665F55) !important;
  --tutor-color-subdued: var(--er-muted-text, #665F55) !important;
  --tutor-color-black: var(--er-ink, #24231F) !important;
  --tutor-color-success: var(--er-olive, #5B6349) !important;
  --tutor-color-success-rgb: 91, 99, 73 !important;
  --tutor-color-warning: #B57D3A !important;
  --tutor-color-danger: #A33A2B !important;

  /* Tutor 4.x Brand Scale (Replaces Electric Blue #3E64DE completely) */
  --tutor-brand-50: #FAF5F0 !important;
  --tutor-brand-100: #F7EFE9 !important;
  --tutor-brand-200: #F0DFC8 !important;
  --tutor-brand-300: #E6CEB5 !important;
  --tutor-brand-400: #C78B75 !important;
  --tutor-brand-500: #BA755D !important;
  --tutor-brand-600: var(--er-terracotta, #AD654B) !important;
  --tutor-brand-700: #8E4C35 !important;
  --tutor-brand-800: var(--er-espresso, #49362D) !important;
  --tutor-brand-900: #33241D !important;
  --tutor-brand-950: var(--er-ink, #24231F) !important;

  /* Tutor 4.x Surfaces Brand */
  --tutor-surface-brand-primary: var(--er-terracotta, #AD654B) !important;
  --tutor-surface-brand-primary-2: #8E4C35 !important;
  --tutor-surface-brand-secondary: #F0DFC8 !important;
  --tutor-surface-brand-tertiary: #F7EFE9 !important;
  --tutor-surface-brand-quaternary: #FAF5F0 !important;
  --tutor-surface-brand-dark: var(--er-espresso, #49362D) !important;

  /* Tutor 4.x Actions & Brand Controls */
  --tutor-actions-brand-primary: var(--er-terracotta, #AD654B) !important;
  --tutor-actions-brand-primary-hover: #8E4C35 !important;
  --tutor-actions-brand-primary-focused: var(--er-terracotta, #AD654B) !important;
  --tutor-actions-brand-secondary: #F0DFC8 !important;
  --tutor-actions-brand-tertiary: #F7EFE9 !important;

  /* Tabs & Learning Area Item Hover / Active */
  --tutor-tab-l3: #EFE9DC !important;
  --tutor-tab-l3-hover: #DFD6C5 !important;
  --tutor-tab-l3-active: #ECE4D4 !important;
  --tutor-tab-l3-active-hover: #ECE4D4 !important;
  --tutor-tab-sidebar-l2: var(--er-white, #FCFAF6) !important;
  --tutor-tab-sidebar-l2-hover: var(--er-cream, #E8E0D1) !important;
  --tutor-tab-sidebar-l2-active: #E3D9C7 !important;
  --tutor-tab-sidebar-l4-hover: var(--er-cream, #E8E0D1) !important;
  --tutor-tab-sidebar-l4-active: #E3D9C7 !important;

  /* Typography Colors */
  --tutor-text-primary: var(--er-ink, #24231F) !important;
  --tutor-text-primary-inverse: var(--er-paper, #F3EFE5) !important;
  --tutor-text-secondary: var(--er-espresso, #49362D) !important;
  --tutor-text-subdued: var(--er-muted-text, #665F55) !important;
  --tutor-text-disabled: #A69E93 !important;
  --tutor-text-brand: var(--er-terracotta, #AD654B) !important;
  --tutor-text-brand-hover: #8E4C35 !important;
  --tutor-text-brand-secondary: #C78B75 !important;
  --tutor-text-success: var(--er-forest, #2D5A46) !important;

  /* Icons */
  --tutor-icon-idle: var(--er-espresso, #49362D) !important;
  --tutor-icon-secondary: var(--er-muted-text, #665F55) !important;
  --tutor-icon-subdued: #8C8274 !important;
  --tutor-icon-brand: var(--er-terracotta, #AD654B) !important;
  --tutor-icon-brand-hover: #8E4C35 !important;
  --tutor-icon-success-primary: var(--er-forest, #2D5A46) !important;

  /* Borders & Dividers */
  --tutor-border-idle: var(--er-border, #D3C7B6) !important;
  --tutor-border-idle2: var(--er-border-dark, #B5A591) !important;
  --tutor-border-hover: var(--er-espresso, #49362D) !important;
  --tutor-border-brand: var(--er-terracotta, #AD654B) !important;
  --tutor-border-brand-secondary: #F0DFC8 !important;
  --tutor-border-brand-tertiary: #E6CEB5 !important;
  --tutor-border-dark: var(--er-ink, #24231F) !important;
  --tutor-border-success: var(--er-forest, #2D5A46) !important;

  /* Buttons */
  --tutor-button-primary: var(--er-ink, #24231F) !important;
  --tutor-button-primary-hover: var(--er-terracotta, #AD654B) !important;
  --tutor-button-primary-soft: rgba(36, 35, 31, 0.08) !important;
  --tutor-button-primary-soft-hover: rgba(173, 101, 75, 0.12) !important;
  --tutor-button-secondary: var(--er-cream, #E8E0D1) !important;
  --tutor-button-secondary-hover: #DDD4C4 !important;
  --tutor-button-radius: var(--er-radius-sm, 3px) !important;

  /* Typography Families */
  --tutor-font-family-heading: var(--er-font-heading-big, 'Abu Sayed', 'Fraunces', serif) !important;
  --tutor-font-family-body: var(--er-font-body, 'Bornomala Vintage', 'Hind Siliguri', sans-serif) !important;

  /* Shadows (Tactile Offset Editorial) */
  --tutor-shadow-xs: 1px 1px 0px rgba(36, 35, 31, 0.1) !important;
  --tutor-shadow-sm: var(--er-shadow-stamp, 2px 2px 0px rgba(36, 35, 31, 0.15)) !important;
  --tutor-shadow-md: var(--er-shadow-card, 3px 3px 0px rgba(73, 54, 45, 0.12)) !important;
  --tutor-shadow-lg: 5px 5px 0px var(--er-espresso, #49362D) !important;
}

/* Enforce Light Editorial Theme even when OS/Browser requests Dark Mode */
@media (prefers-color-scheme: dark) {
  :root,
  html,
  body,
  [data-tutor-theme],
  [data-tutor-theme="dark"],
  [data-tutor-theme="system"],
  :root:not([data-tutor-theme=light]),
  .tutor-wrap,
  .tutor-learning-page,
  .tutor-learning-area,
  .tutor-learning-sidebar,
  .tutor-course-single-content-wrapper {
    --tutor-surface-base: var(--er-paper, #F3EFE5) !important;
    --tutor-surface-l1: var(--er-white, #FCFAF6) !important;
    --tutor-surface-l1-hover: var(--er-cream, #E8E0D1) !important;
    --tutor-surface-l2: var(--er-cream, #E8E0D1) !important;
    --tutor-surface-l2-hover: #DFD6C5 !important;
    --tutor-surface-l3: #E3D9C7 !important;
    --tutor-surface-sidebar-l1: #EBE4D5 !important;
    --tutor-surface-dark: var(--er-ink, #24231F) !important;

    --tutor-color-primary: var(--er-terracotta, #AD654B) !important;
    --tutor-color-primary-rgb: 173, 101, 75 !important;
    --tutor-color-primary-hover: #8E4C35 !important;
    --tutor-body-color: var(--er-ink, #24231F) !important;
    --tutor-border-color: var(--er-border, #D3C7B6) !important;
    --tutor-color-secondary: var(--er-espresso, #49362D) !important;
    --tutor-color-muted: var(--er-muted-text, #665F55) !important;
    --tutor-color-subdued: var(--er-muted-text, #665F55) !important;
    --tutor-color-black: var(--er-ink, #24231F) !important;
    --tutor-color-success: var(--er-olive, #5B6349) !important;

    --tutor-brand-50: #FAF5F0 !important;
    --tutor-brand-100: #F7EFE9 !important;
    --tutor-brand-200: #F0DFC8 !important;
    --tutor-brand-300: #E6CEB5 !important;
    --tutor-brand-400: #C78B75 !important;
    --tutor-brand-500: #BA755D !important;
    --tutor-brand-600: var(--er-terracotta, #AD654B) !important;
    --tutor-brand-700: #8E4C35 !important;
    --tutor-brand-800: var(--er-espresso, #49362D) !important;
    --tutor-brand-900: #33241D !important;
    --tutor-brand-950: var(--er-ink, #24231F) !important;

    --tutor-surface-brand-primary: var(--er-terracotta, #AD654B) !important;
    --tutor-surface-brand-secondary: #F0DFC8 !important;
    --tutor-surface-brand-tertiary: #F7EFE9 !important;
    --tutor-surface-brand-quaternary: #FAF5F0 !important;

    --tutor-actions-brand-primary: var(--er-terracotta, #AD654B) !important;
    --tutor-actions-brand-primary-hover: #8E4C35 !important;

    --tutor-tab-l3: #EFE9DC !important;
    --tutor-tab-l3-hover: #DFD6C5 !important;
    --tutor-tab-l3-active: #ECE4D4 !important;
    --tutor-tab-l3-active-hover: #ECE4D4 !important;

    --tutor-text-primary: var(--er-ink, #24231F) !important;
    --tutor-text-primary-inverse: var(--er-paper, #F3EFE5) !important;
    --tutor-text-secondary: var(--er-espresso, #49362D) !important;
    --tutor-text-subdued: var(--er-muted-text, #665F55) !important;
    --tutor-text-brand: var(--er-terracotta, #AD654B) !important;
    --tutor-text-brand-hover: #8E4C35 !important;
    --tutor-text-success: var(--er-forest, #2D5A46) !important;

    --tutor-icon-idle: var(--er-espresso, #49362D) !important;
    --tutor-icon-secondary: var(--er-muted-text, #665F55) !important;
    --tutor-icon-brand: var(--er-terracotta, #AD654B) !important;

    --tutor-border-idle: var(--er-border, #D3C7B6) !important;
    --tutor-border-idle2: var(--er-border-dark, #B5A591) !important;
    --tutor-border-brand: var(--er-terracotta, #AD654B) !important;
    --tutor-border-brand-secondary: #F0DFC8 !important;
  }

  /* Critical component overrides under OS dark mode to maintain light editorial palette */
  .tutor-progress-bar {
    background-color: var(--er-cream, #E8DFD0) !important;
  }
  .tutor-progress-value,
  .tutor-progress-bar-value,
  .tutor-progress-filled,
  .tutor-progress-bar-fill {
    background-color: var(--er-terracotta, #AD654B) !important;
    background: var(--er-terracotta, #AD654B) !important;
  }

  .tutor-avatar,
  .tutor-avatar .tutor-ratio,
  .tutor-avatar-text,
  .tutor-course-details-instructors .tutor-avatar {
    background-color: var(--er-terracotta, #AD654B) !important;
    color: #FFFFFF !important;
  }

  .tutor-accordion-item-header,
  .tutor-learning-nav-topic .tutor-learning-nav-header,
  .tutor-course-single-sidebar-wrapper .tutor-accordion-item-header {
    background-color: #EFE9DC !important;
    color: var(--er-ink, #24231F) !important;
  }
  .tutor-accordion-item-header.is-active {
    background-color: #ECE4D4 !important;
    color: var(--er-terracotta, #AD654B) !important;
  }

  .tutor-learning-nav-item,
  .tutor-course-single-sidebar-wrapper .tutor-course-topic-item a {
    background-color: var(--er-white, #FCFAF6) !important;
    color: var(--er-ink, #24231F) !important;
  }
  .tutor-learning-nav-item.active,
  .tutor-course-single-sidebar-wrapper .tutor-course-topic-item.is-active a,
  .tutor-course-topic-item.is-active a {
    background-color: #ECE4D4 !important;
    border: 1px solid var(--er-terracotta, #AD654B) !important;
    border-left: 4px solid var(--er-terracotta, #AD654B) !important;
    color: var(--er-terracotta, #AD654B) !important;
  }
  .tutor-learning-nav-item.active:before {
    display: none !important;
  }
  .tooltip-wrap .tooltip-txt,
  .tooltip-wrap .tooltip-inner {
    background-color: var(--er-ink, #24231F) !important;
    color: var(--er-cream, #FAF7F2) !important;
  }
}

/* Base Body on Dashboard Pages */
body.page-id-6,
body.tutor-dashboard-page,
.tutor-wrap {
  background-color: var(--er-paper, #F3EFE5) !important;
  font-family: var(--er-font-body) !important;
  color: var(--er-ink) !important;
}

/* ========================================================
   2. DASHBOARD LAYOUT & CANVAS STRUCTURE
   ======================================================== */
.tutor-dashboard-layout {
  background-color: var(--er-paper, #F3EFE5) !important;
  border-top: 1px solid var(--er-border) !important;
}

.tutor-dashboard-page {
  background-color: transparent !important;
}

/* Headings Typography */
.tutor-h1, .tutor-h2, .tutor-h3, .tutor-h4,
.tutor-dashboard-header h1, .tutor-dashboard-header h2,
.tutor-dashboard-page-card-header h2,
.tutor-course-title {
  font-family: var(--er-font-display, 'Abu Sayed', serif) !important;
  color: var(--er-ink) !important;
  letter-spacing: -0.2px;
}

.tutor-h5, .tutor-h6,
.tutor-dashboard-header .tutor-h5,
.tutor-dashboard-home-card h3,
.tutor-card-title {
  font-family: var(--er-font-subhead, 'Shorif Sandwip', serif) !important;
  color: var(--er-ink) !important;
}

/* ========================================================
   3. LOGIN & REGISTRATION SCREENS (UNAUTHENTICATED)
   ======================================================== */
.tutor-login-wrap,
.tutor-registration-wrap {
  background-color: var(--er-white) !important;
  border: 2px solid var(--er-espresso) !important;
  box-shadow: 6px 6px 0px var(--er-espresso) !important;
  border-radius: var(--er-radius-sm, 3px) !important;
  padding: 40px !important;
  margin: 60px auto !important;
}

.tutor-login-wrap .tutor-h3 {
  font-family: var(--er-font-heading-big) !important;
  font-size: 28px !important;
  color: var(--er-ink) !important;
  margin-bottom: 24px !important;
  text-align: center;
  position: relative;
  padding-bottom: 12px;
}

.tutor-login-wrap .tutor-h3::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 48px;
  height: 2px;
  background-color: var(--er-terracotta);
}

.tutor-input-field .tutor-form-control,
.tutor-input-field input[type="text"],
.tutor-input-field input[type="password"],
.tutor-input-field input[type="email"] {
  background-color: var(--er-paper) !important;
  border: 1.5px solid var(--er-border-dark) !important;
  border-radius: var(--er-radius-sm, 3px) !important;
  color: var(--er-ink) !important;
  font-family: var(--er-font-body) !important;
  font-size: 15px !important;
  padding: 12px 16px !important;
  transition: all 0.2s ease !important;
}

.tutor-input-field .tutor-form-control:focus,
.tutor-input-field input:focus {
  border-color: var(--er-terracotta) !important;
  background-color: var(--er-white) !important;
  outline: none !important;
  box-shadow: 0 0 0 2px rgba(173, 101, 75, 0.2) !important;
}

.tutor-login-form-wrapper button[type="submit"],
.tutor-registration-wrap button[type="submit"] {
  background-color: var(--er-ink) !important;
  color: var(--er-paper) !important;
  border: 1.5px solid var(--er-espresso) !important;
  box-shadow: 3px 3px 0 var(--er-espresso) !important;
  border-radius: var(--er-radius-sm, 3px) !important;
  font-family: var(--er-font-subhead) !important;
  font-size: 16px !important;
  padding: 12px 24px !important;
  width: 100% !important;
  cursor: pointer !important;
  transition: all 0.15s ease !important;
}

.tutor-login-form-wrapper button[type="submit"]:hover,
.tutor-registration-wrap button[type="submit"]:hover {
  background-color: var(--er-terracotta) !important;
  color: #fff !important;
  transform: translate(-1px, -1px) !important;
  box-shadow: 4px 4px 0 var(--er-espresso) !important;
}

.tutor-btn-link-gray {
  color: var(--er-muted-text) !important;
  font-family: var(--er-font-body) !important;
}

.tutor-btn-link-gray:hover {
  color: var(--er-terracotta) !important;
  text-decoration: underline !important;
}

/* ========================================================
   4. DASHBOARD HEADER & GREETING BAR
   ======================================================== */
.tutor-dashboard-header {
  background-color: #ECE5D8 !important;
  border-bottom: 2px solid var(--er-border-dark) !important;
  box-shadow: 0 3px 0 rgba(73, 54, 45, 0.05) !important;
  padding: 16px 24px !important;
}

.tutor-dashboard-header-inner {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}

.tutor-dashboard-header-left .tutor-h5 {
  font-family: var(--er-font-display) !important;
  font-size: 22px !important;
  color: var(--er-ink) !important;
  display: flex;
  align-items: center;
  gap: 8px;
}

.tutor-dashboard-header-left .tutor-text-subdued {
  color: var(--er-muted-text) !important;
  font-family: var(--er-font-subhead) !important;
  font-weight: 400 !important;
}

/* User Avatar & Badge (Terracotta Circle with Espresso Border) */
.tutor-dashboard-header-user-avatar,
.tutor-avatar,
.tutor-avatar .tutor-ratio,
.tutor-avatar-text,
.tutor-course-details-instructors .tutor-avatar,
.tutor-course-details-instructors .tutor-avatar .tutor-ratio {
  background-color: var(--er-terracotta, #AD654B) !important;
  color: #FFFFFF !important;
  border: 2px solid var(--er-espresso, #49362D) !important;
  box-shadow: 2px 2px 0 var(--er-espresso, #49362D) !important;
  border-radius: 50% !important;
}

.tutor-avatar .tutor-avatar-text {
  background-color: transparent !important;
  color: #FFFFFF !important;
  font-family: var(--er-font-subhead, 'Shorif Sandwip', serif) !important;
  font-weight: 700 !important;
}

/* Profile Switcher & Role Badges */
.tutor-profile-switch-button,
.tutor-dashboard-header .tutor-badge,
.tutor-badge-outline-primary {
  background-color: var(--er-white) !important;
  border: 1.5px solid var(--er-espresso) !important;
  color: var(--er-ink) !important;
  font-family: var(--er-font-mono, monospace) !important;
  font-size: 11px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  border-radius: 2px !important;
  padding: 4px 10px !important;
  box-shadow: 1px 1px 0 var(--er-espresso) !important;
}

/* Popover Profile Menu */
.tutor-dashboard-header-user-popover {
  background-color: var(--er-white) !important;
  border: 2px solid var(--er-espresso) !important;
  box-shadow: 4px 4px 0 var(--er-espresso) !important;
  border-radius: var(--er-radius-sm, 3px) !important;
}

.tutor-dashboard-header-user-popover-menu a {
  color: var(--er-ink) !important;
  font-family: var(--er-font-body) !important;
  padding: 8px 16px !important;
  transition: all 0.15s ease !important;
}

.tutor-dashboard-header-user-popover-menu a:hover {
  background-color: var(--er-cream) !important;
  color: var(--er-terracotta) !important;
}

/* ========================================================
   5. DASHBOARD SIDEBAR NAVIGATION (LEFT DRAWER)
   ======================================================== */
.tutor-dashboard-sidebar {
  background-color: var(--er-cream, #E8E0D1) !important;
  border-right: 2px solid var(--er-border-dark) !important;
  padding: 24px 16px !important;
}

.tutor-dashboard-sidebar-nav ul {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
}

.tutor-dashboard-sidebar-nav ul li a {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 10px 14px !important;
  border-radius: var(--er-radius-sm, 3px) !important;
  color: var(--er-ink) !important;
  font-family: var(--er-font-subhead) !important;
  font-size: 14.5px !important;
  font-weight: 500 !important;
  border: 1px solid transparent !important;
  transition: all 0.18s ease !important;
  text-decoration: none !important;
}

.tutor-dashboard-sidebar-nav ul li a:hover {
  background-color: var(--er-white) !important;
  color: var(--er-terracotta) !important;
  border-color: var(--er-border) !important;
  transform: translateX(2px) !important;
}

.tutor-dashboard-sidebar-nav ul li a.active,
.tutor-dashboard-sidebar-nav ul li.active a {
  background-color: var(--er-ink) !important;
  color: var(--er-paper) !important;
  font-weight: 600 !important;
  border-color: var(--er-espresso) !important;
  box-shadow: 2px 2px 0 var(--er-espresso) !important;
  transform: none !important;
}

.tutor-dashboard-sidebar-nav ul li a.active svg,
.tutor-dashboard-sidebar-nav ul li.active a svg {
  color: var(--er-paper) !important;
  fill: currentColor !important;
}

/* "Explore Courses" Link Button at bottom of sidebar */
.tutor-see-all-courses {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin-top: 24px !important;
  padding: 10px 16px !important;
  background-color: var(--er-white) !important;
  border: 1.5px solid var(--er-espresso) !important;
  border-radius: var(--er-radius-sm, 3px) !important;
  color: var(--er-ink) !important;
  font-family: var(--er-font-subhead) !important;
  font-size: 13.5px !important;
  font-weight: 600 !important;
  box-shadow: 2px 2px 0 var(--er-espresso) !important;
  transition: all 0.15s ease !important;
}

.tutor-see-all-courses:hover {
  background-color: var(--er-terracotta) !important;
  color: #fff !important;
  transform: translate(-1px, -1px) !important;
  box-shadow: 3px 3px 0 var(--er-espresso) !important;
}

/* ========================================================
   6. MENTOR & INSTRUCTOR DASHBOARD (ANALYTICS & STATS)
   ======================================================== */

/* Tactile Stat Cards (Index Cards) */
.tutor-stat-card,
.tutor-dashboard-home-card,
.tutor-card.tutor-stat-card {
  background-color: var(--er-white) !important;
  border: 1.5px solid var(--er-border-dark) !important;
  border-radius: var(--er-radius-sm, 3px) !important;
  box-shadow: 3px 3px 0 var(--er-espresso) !important;
  padding: 22px !important;
  position: relative !important;
  transition: transform 0.18s ease, box-shadow 0.18s ease !important;
}

.tutor-stat-card:hover,
.tutor-dashboard-home-card:hover {
  transform: translateY(-2px) !important;
  box-shadow: 5px 5px 0 var(--er-espresso) !important;
}

/* Large Bengali/Numeral Stat Values */
.tutor-stat-card .tutor-h3,
.tutor-stat-card .tutor-stat-card-value,
.tutor-dashboard-home-card .tutor-h3 {
  font-family: var(--er-font-heading-big) !important;
  font-size: 32px !important;
  color: var(--er-ink) !important;
  line-height: 1.1 !important;
}

.tutor-stat-card .tutor-stat-card-title,
.tutor-stat-card .tutor-text-subdued {
  font-family: var(--er-font-subhead) !important;
  font-size: 13.5px !important;
  color: var(--er-espresso) !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
}

/* Stat Icons in Vintage Circular Badges */
.tutor-stat-card-icon,
.tutor-dashboard-home-card-icon {
  background-color: var(--er-cream) !important;
  border: 1px solid var(--er-border-dark) !important;
  border-radius: 50% !important;
  color: var(--er-terracotta) !important;
}

/* Analytics Chart Frame */
.tutor-dashboard-home-chart,
.tutor-dashboard-home-chart-canvas {
  background-color: var(--er-white) !important;
  border: 1.5px solid var(--er-border-dark) !important;
  border-radius: var(--er-radius-sm, 3px) !important;
  box-shadow: 3px 3px 0 var(--er-espresso) !important;
  padding: 20px !important;
}

/* Course Management Table */
.tutor-table {
  width: 100% !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  border: 1.5px solid var(--er-border-dark) !important;
  border-radius: var(--er-radius-sm, 3px) !important;
  background-color: var(--er-white) !important;
  overflow: hidden !important;
  box-shadow: var(--er-shadow-card) !important;
}

.tutor-table thead tr {
  background-color: #E8E0D1 !important;
  border-bottom: 2px solid var(--er-border-dark) !important;
}

.tutor-table thead th {
  font-family: var(--er-font-subhead) !important;
  font-size: 13.5px !important;
  font-weight: 700 !important;
  color: var(--er-ink) !important;
  padding: 14px 18px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  border-bottom: 2px solid var(--er-border-dark) !important;
}

.tutor-table tbody tr {
  transition: background-color 0.15s ease !important;
  border-bottom: 1px solid var(--er-border) !important;
}

.tutor-table tbody tr:hover {
  background-color: #F8F4EC !important;
}

.tutor-table tbody td {
  padding: 14px 18px !important;
  font-family: var(--er-font-body) !important;
  font-size: 14px !important;
  color: var(--er-ink) !important;
  border-bottom: 1px solid var(--er-border) !important;
  vertical-align: middle !important;
}

/* Table Course Title */
.tutor-table .tutor-course-title a {
  font-family: var(--er-font-subhead) !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  color: var(--er-ink) !important;
  text-decoration: none !important;
}

.tutor-table .tutor-course-title a:hover {
  color: var(--er-terracotta) !important;
  text-decoration: underline !important;
}

/* Status Badges (Stamp Treatment) */
.tutor-badge,
.tutor-badge-success,
.tutor-badge-warning,
.tutor-badge-danger {
  font-family: var(--er-font-mono, monospace) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  border-radius: 2px !important;
  padding: 3px 8px !important;
  border: 1px solid !important;
}

.tutor-badge-success,
.tutor-status-published {
  background-color: #EBF4ED !important;
  color: #2D5A38 !important;
  border-color: #2D5A38 !important;
}

.tutor-badge-warning,
.tutor-status-pending {
  background-color: #FDF3E9 !important;
  color: var(--er-terracotta) !important;
  border-color: var(--er-terracotta) !important;
}

.tutor-badge-danger,
.tutor-status-draft {
  background-color: #F3EFE9 !important;
  color: var(--er-espresso) !important;
  border-color: var(--er-espresso) !important;
}

/* Action Buttons & Create Course CTA */
.tutor-btn-primary,
.tutor-dashboard-header-right .tutor-btn,
.tutor-btn[href*="create-course"] {
  background-color: var(--er-ink) !important;
  color: var(--er-paper) !important;
  border: 1.5px solid var(--er-espresso) !important;
  border-radius: var(--er-radius-sm, 3px) !important;
  font-family: var(--er-font-subhead) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  padding: 9px 18px !important;
  box-shadow: 2px 2px 0 var(--er-espresso) !important;
  transition: all 0.15s ease !important;
}

.tutor-btn-primary:hover,
.tutor-dashboard-header-right .tutor-btn:hover,
.tutor-btn[href*="create-course"]:hover {
  background-color: var(--er-terracotta) !important;
  color: #fff !important;
  transform: translate(-1px, -1px) !important;
  box-shadow: 3px 3px 0 var(--er-espresso) !important;
}

/* ========================================================
   7. STUDENT DASHBOARD (ENROLLED COURSES & PROGRESS)
   ======================================================== */

/* Welcome Greeting Banner */
.tutor-dashboard-welcome-card {
  background-color: #ECE5D7 !important;
  border: 2px solid var(--er-espresso) !important;
  box-shadow: 4px 4px 0 var(--er-espresso) !important;
  border-radius: var(--er-radius-sm, 3px) !important;
  padding: 28px 32px !important;
  margin-bottom: 28px !important;
}

.tutor-dashboard-welcome-card .tutor-h3 {
  font-family: var(--er-font-heading-big) !important;
  font-size: 26px !important;
  color: var(--er-ink) !important;
  margin-bottom: 8px !important;
}

.tutor-dashboard-welcome-card p {
  font-family: var(--er-font-body) !important;
  font-size: 15px !important;
  color: var(--er-espresso) !important;
}

/* Enrolled Courses Cards Grid */
.tutor-dashboard-my-courses,
.tutor-dashboard-courses-card {
  background-color: var(--er-white) !important;
  border: 1.5px solid var(--er-border-dark) !important;
  border-radius: var(--er-radius-sm, 3px) !important;
  box-shadow: 3px 3px 0 var(--er-espresso) !important;
  padding: 20px !important;
  transition: all 0.2s ease !important;
}

.tutor-dashboard-my-courses:hover,
.tutor-dashboard-courses-card:hover {
  transform: translateY(-2px) !important;
  box-shadow: 5px 5px 0 var(--er-espresso) !important;
}

/* Course Progress Bar (Warm Terracotta Fill) */
.tutor-progress-bar {
  background-color: var(--er-cream, #E8DFD0) !important;
  border-radius: 4px !important;
  height: 7px !important;
  overflow: hidden !important;
}

.tutor-progress-value,
.tutor-progress-bar-value,
.tutor-progress-filled,
.tutor-progress-bar-fill {
  background-color: var(--er-terracotta, #AD654B) !important;
  background: var(--er-terracotta, #AD654B) !important;
  height: 100% !important;
  border-radius: 4px !important;
}

.tutor-progress-percent {
  font-family: var(--er-font-mono, monospace) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  color: var(--er-espresso) !important;
}

/* Tabs Navigation in Dashboard (e.g. Enrolled / Active / Completed) */
.tutor-dashboard-courses-tab,
.tutor-nav-tabs {
  border-bottom: 2px solid var(--er-border-dark) !important;
  margin-bottom: 24px !important;
}

.tutor-nav-tabs a,
.tutor-dashboard-courses-tab a {
  font-family: var(--er-font-subhead) !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  color: var(--er-muted-text) !important;
  padding: 10px 18px !important;
  border-bottom: 3px solid transparent !important;
  transition: all 0.15s ease !important;
}

.tutor-nav-tabs a:hover,
.tutor-dashboard-courses-tab a:hover {
  color: var(--er-ink) !important;
}

.tutor-nav-tabs a.is-active,
.tutor-dashboard-courses-tab a.is-active {
  color: var(--er-ink) !important;
  border-bottom-color: var(--er-terracotta) !important;
}

/* ========================================================
   8. SETTINGS, PROFILE & FORMS
   ======================================================== */
.tutor-dashboard-page-card,
.tutor-card {
  background-color: var(--er-white) !important;
  border: 1.5px solid var(--er-border-dark) !important;
  border-radius: var(--er-radius-sm, 3px) !important;
  box-shadow: 3px 3px 0 var(--er-espresso) !important;
}

.tutor-dashboard-page-card-header {
  border-bottom: 1px solid var(--er-border) !important;
  background-color: #F5EFE4 !important;
  padding: 16px 24px !important;
}

.tutor-form-group label {
  font-family: var(--er-font-subhead) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: var(--er-ink) !important;
  margin-bottom: 6px !important;
}

.tutor-form-control,
.tutor-form-select,
textarea.tutor-form-control {
  background-color: var(--er-paper) !important;
  border: 1.5px solid var(--er-border-dark) !important;
  border-radius: var(--er-radius-sm, 3px) !important;
  color: var(--er-ink) !important;
  font-family: var(--er-font-body) !important;
  font-size: 14.5px !important;
  padding: 10px 14px !important;
}

.tutor-form-control:focus,
.tutor-form-select:focus,
textarea.tutor-form-control:focus {
  border-color: var(--er-terracotta) !important;
  background-color: var(--er-white) !important;
  outline: none !important;
  box-shadow: 0 0 0 2px rgba(173, 101, 75, 0.2) !important;
}

/* ========================================================
   9. MOBILE DASHBOARD BAR
   ======================================================== */
@media (max-width: 991px) {
  .tutor-dashboard-nav-mobile {
    background-color: var(--er-white) !important;
    border-top: 2px solid var(--er-border-dark) !important;
    box-shadow: 0 -2px 8px rgba(36, 35, 31, 0.08) !important;
  }

  .tutor-dashboard-nav-mobile-list li a.active,
  .tutor-dashboard-nav-mobile-list li.active a {
    color: var(--er-terracotta) !important;
  }

  .tutor-dashboard-header {
    padding: 12px 16px !important;
  }
}

/* ========================================================
   10. SINGLE COURSE PAGE & EDITORIAL BUTTON OVERRIDES
   ======================================================== */
/* Master Editorial Buttons for Tutor LMS */
.tutor-wrap .tutor-btn-primary,
.tutor-wrap .tutor-btn.tutor-btn-primary,
.tutor-single-course-sidebar .tutor-btn-primary,
.tutor-single-course-sidebar [data-cy="tutor-buy-now"],
.tutor-single-course-sidebar .tutor-course-enrollment-btn,
.tutor-course-details-page .tutor-btn-primary,
.tutor-course-details-page [data-cy="tutor-buy-now"],
.tutor-course-details-page .tutor-btn-outline-primary,
.tutor-btn[data-tutor-modal-target],
.tutor-cart-button .tutor-btn {
  background-color: var(--er-ink, #24231F) !important;
  color: var(--er-paper, #F3EFE5) !important;
  border: 1.5px solid var(--er-espresso, #49362D) !important;
  box-shadow: 3px 3px 0 var(--er-espresso, #49362D) !important;
  border-radius: var(--er-radius-sm, 3px) !important;
  font-family: var(--er-font-subhead, 'Shorif Sandwip', serif) !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  letter-spacing: 0.3px !important;
  padding: 12px 24px !important;
  transition: all 0.18s ease !important;
  text-align: center !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  cursor: pointer !important;
  text-decoration: none !important;
  line-height: 1.3 !important;
}

.tutor-wrap .tutor-btn-primary:hover,
.tutor-wrap .tutor-btn.tutor-btn-primary:hover,
.tutor-single-course-sidebar .tutor-btn-primary:hover,
.tutor-single-course-sidebar [data-cy="tutor-buy-now"]:hover,
.tutor-single-course-sidebar .tutor-course-enrollment-btn:hover,
.tutor-course-details-page .tutor-btn-primary:hover,
.tutor-course-details-page [data-cy="tutor-buy-now"]:hover,
.tutor-btn[data-tutor-modal-target]:hover,
.tutor-cart-button .tutor-btn:hover {
  background-color: var(--er-terracotta, #AD654B) !important;
  color: #ffffff !important;
  transform: translate(-1px, -1px) !important;
  box-shadow: 4px 4px 0 var(--er-espresso, #49362D) !important;
  border-color: var(--er-espresso, #49362D) !important;
}

.tutor-wrap .tutor-btn-primary:active,
.tutor-single-course-sidebar .tutor-btn-primary:active,
.tutor-single-course-sidebar [data-cy="tutor-buy-now"]:active {
  transform: translate(1px, 1px) !important;
  box-shadow: 1px 1px 0 var(--er-espresso, #49362D) !important;
}

/* Secondary & Outline Buttons */
.tutor-wrap .tutor-btn-outline-primary,
.tutor-wrap .tutor-btn-secondary,
.tutor-course-details-page .tutor-btn-outline-primary {
  background-color: var(--er-white, #FCFAF6) !important;
  color: var(--er-ink, #24231F) !important;
  border: 1.5px solid var(--er-espresso, #49362D) !important;
  box-shadow: 2px 2px 0 var(--er-espresso, #49362D) !important;
  border-radius: var(--er-radius-sm, 3px) !important;
  font-family: var(--er-font-subhead, 'Shorif Sandwip', serif) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  transition: all 0.18s ease !important;
}

.tutor-wrap .tutor-btn-outline-primary:hover,
.tutor-wrap .tutor-btn-secondary:hover {
  background-color: var(--er-cream, #E8E0D1) !important;
  color: var(--er-terracotta, #AD654B) !important;
  box-shadow: 3px 3px 0 var(--er-espresso) !important;
}

/* Single Course Sidebar Card */
.tutor-single-course-sidebar .tutor-sidebar-card,
.tutor-single-course-sidebar .tutor-card {
  background-color: var(--er-white, #FCFAF6) !important;
  border: 1.5px solid var(--er-espresso, #49362D) !important;
  box-shadow: 5px 5px 0 var(--er-espresso, #49362D) !important;
  border-radius: var(--er-radius-sm, 3px) !important;
  overflow: hidden !important;
}

.tutor-single-course-sidebar .tutor-card-body {
  padding: 24px !important;
}

.tutor-single-course-sidebar .tutor-card-footer {
  background-color: var(--er-paper, #F3EFE5) !important;
  border-top: 1px dashed var(--er-border-dark, #B5A591) !important;
  padding: 16px 24px !important;
}

/* Pricing Display */
.tutor-course-sidebar-card-pricing {
  margin-bottom: 8px !important;
}

.tutor-course-sidebar-card-pricing span.tutor-fs-4 {
  font-family: var(--er-font-heading-big, 'Abu Sayed', 'Fraunces', serif) !important;
  font-size: 30px !important;
  font-weight: 700 !important;
  color: var(--er-ink, #24231F) !important;
  line-height: 1 !important;
}

.tutor-course-sidebar-card-pricing del {
  font-family: var(--er-font-subhead, 'Shorif Sandwip', serif) !important;
  font-size: 16px !important;
  color: var(--er-muted-text, #8C7C6D) !important;
  margin-left: 8px !important;
}

/* Video Frame on Course Single Page */
.tutor-single-course-top .tutor-video-player,
.tutor-single-course-top .tutor-ratio,
.tutor-course-details-page .tutor-video-player {
  border: 1.5px solid var(--er-espresso, #49362D) !important;
  box-shadow: 4px 4px 0 var(--er-espresso, #49362D) !important;
  border-radius: var(--er-radius-sm, 3px) !important;
  overflow: hidden !important;
  background-color: #1A1916 !important;
}

/* Course Tabs */
.tutor-course-details-tab .tutor-nav-tabs {
  border-bottom: 2px solid var(--er-border, #D3C7B6) !important;
  gap: 8px !important;
}

.tutor-course-details-tab .tutor-nav-link {
  font-family: var(--er-font-subhead, 'Shorif Sandwip', serif) !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  color: var(--er-espresso, #49362D) !important;
  border-radius: 3px 3px 0 0 !important;
  padding: 10px 18px !important;
  transition: all 0.18s ease !important;
}

.tutor-course-details-tab .tutor-nav-link.is-active,
.tutor-course-details-tab .tutor-nav-link:hover {
  color: var(--er-terracotta, #AD654B) !important;
  border-bottom: 2.5px solid var(--er-terracotta, #AD654B) !important;
  background-color: rgba(173, 101, 75, 0.05) !important;
}

/* --------------------------------------------------------
   SINGLE COURSE CURRICULUM ACCORDION (TOPICS & LESSONS)
   Eliminates Tutor LMS default periwinkle blue / #3E64DE
   -------------------------------------------------------- */
.tutor-accordion,
.tutor-course-topics-wrap {
  border-radius: var(--er-radius-sm, 3px) !important;
}

.tutor-accordion .tutor-accordion-item,
.tutor-accordion-item,
.tutor-course-topics-wrap .tutor-accordion-item {
  background-color: var(--er-white, #FCFAF6) !important;
  border: 1.5px solid var(--er-border-dark, #B5A591) !important;
  box-shadow: 2px 2px 0 var(--er-espresso, #49362D) !important;
  margin-bottom: 12px !important;
  border-radius: var(--er-radius-sm, 3px) !important;
  overflow: hidden !important;
}

.tutor-accordion .tutor-accordion-item-header,
.tutor-accordion-item-header,
.tutor-course-topics-wrap .tutor-accordion-item-header,
h4.tutor-accordion-item-header {
  font-family: var(--er-font-body, 'Hind Siliguri', sans-serif) !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  color: var(--er-ink, #24231F) !important;
  background-color: var(--er-cream, #E8E0D1) !important;
  border-bottom: 1px solid var(--er-border, #D3C7B6) !important;
  padding: 13px 18px !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
}

.tutor-accordion .tutor-accordion-item-header:hover,
.tutor-accordion-item-header:hover,
.tutor-course-topics-wrap .tutor-accordion-item-header:hover,
h4.tutor-accordion-item-header:hover {
  background-color: #DFD6C5 !important;
  color: var(--er-ink, #24231F) !important;
}

/* Active Accordion Header (Overrides the default blue/periwinkle #edf0f9 & blue text) */
.tutor-accordion .tutor-accordion-item-header.is-active,
.tutor-accordion-item-header.is-active,
.tutor-course-topics-wrap .tutor-accordion-item-header.is-active,
.tutor-course-single-sidebar-wrapper .tutor-accordion-item-header.is-active,
h4.tutor-accordion-item-header.is-active {
  background-color: #ECE4D4 !important;
  color: var(--er-ink, #24231F) !important;
  border-bottom: 1.5px solid var(--er-terracotta, #AD654B) !important;
}

/* Accordion Arrow Icon & Info Icon (Overrides blue arrow) */
.tutor-accordion .tutor-accordion-item-header:after,
.tutor-accordion .tutor-accordion-item-header.is-active:after,
.tutor-accordion-item-header:after,
.tutor-accordion-item-header.is-active:after,
.tutor-course-single-sidebar-wrapper .tutor-accordion-item-header:after,
.tutor-course-single-sidebar-wrapper .tutor-accordion-item-header.is-active:after,
h4.tutor-accordion-item-header:after,
h4.tutor-accordion-item-header.is-active:after {
  color: var(--er-espresso, #49362D) !important;
  font-size: 14px !important;
}

.tutor-accordion .tooltip-wrap.tooltip-icon:before,
.tutor-accordion .tooltip-wrap i,
.tooltip-wrap.tooltip-icon:before,
.tutor-course-topic-title-info-icon {
  color: var(--er-espresso, #49362D) !important;
}

/* Accordion Body & Lesson list */
.tutor-accordion-item-body {
  background-color: var(--er-white, #FCFAF6) !important;
  padding: 0 !important;
}

.tutor-course-content-list {
  padding: 0 !important;
  margin: 0 !important;
  list-style: none !important;
}

.tutor-course-content-list-item {
  padding: 11px 18px !important;
  border-bottom: 1px solid var(--er-cream, #E8E0D1) !important;
  transition: background-color 0.15s ease !important;
}

.tutor-course-content-list-item:last-child {
  border-bottom: none !important;
}

.tutor-course-content-list-item:hover {
  background-color: #F8F4EC !important;
}

.tutor-course-content-list-item-icon {
  color: var(--er-terracotta, #AD654B) !important;
}

.tutor-course-content-list-item-title,
.tutor-course-content-list-item-title a {
  color: var(--er-ink, #24231F) !important;
  font-family: var(--er-font-body, 'Hind Siliguri', sans-serif) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
}

.tutor-course-content-list-item-title a:hover {
  color: var(--er-terracotta, #AD654B) !important;
}

/* --------------------------------------------------------
   SINGLE COURSE SIDEBAR & ENROLLED WIDGETS
   -------------------------------------------------------- */
/* Sidebar Cards (Card frames match editorial paper aesthetic) */
.tutor-single-course-sidebar .tutor-card,
.tutor-sidebar-card,
.tutor-course-details-widget,
.tutor-course-details-instructors {
  background-color: var(--er-white, #FCFAF6) !important;
  border: 1.5px solid var(--er-espresso, #49362D) !important;
  box-shadow: 3px 3px 0 var(--er-espresso, #49362D) !important;
  border-radius: var(--er-radius-sm, 3px) !important;
  margin-bottom: 20px !important;
  padding: 20px 22px !important;
}

/* Enrolled Progress Bar (Overrides blue progress rail & fill to Terracotta) */
.tutor-course-progress-wrapper .tutor-progress-bar,
.list-item-progress .tutor-progress-bar,
.tutor-progress-bar,
.tutor-spotlight-mobile-progress-left .tutor-progress-bar {
  background: var(--er-cream, #E8DFD0) !important;
  background-color: var(--er-cream, #E8DFD0) !important;
  border-radius: 4px !important;
  height: 7px !important;
  overflow: hidden !important;
  border: 1px solid var(--er-border, #D3C7B6) !important;
}

.tutor-course-progress-wrapper .tutor-progress-value,
.list-item-progress .tutor-progress-value,
.tutor-progress-bar .tutor-progress-value,
.tutor-progress-value,
.tutor-spotlight-mobile-progress-left .tutor-progress-value,
.tutor-progress-filled,
.tutor-progress-bar-value {
  background: var(--er-terracotta, #AD654B) !important;
  background-color: var(--er-terracotta, #AD654B) !important;
  border-radius: 4px !important;
}

.tutor-course-progress-wrapper .progress-steps,
.tutor-course-progress-wrapper .progress-percentage {
  font-family: var(--er-font-mono, monospace) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  color: var(--er-ink, #24231F) !important;
}

/* Enrolled Notice Badge (Replaces generic green checkmark with warm editorial forest green) */
.tutor-enrolled-info-text,
.tutor-enrolled-info-date,
.tutor-sidebar-card .tutor-enrolled-info-date,
.tutor-icon-purchase-mark,
.tutor-sidebar-card .tutor-icon-purchase-mark,
.tutor-color-success {
  color: var(--er-forest, #2D5A46) !important;
  font-weight: 600 !important;
}

.tutor-sidebar-card .tutor-fs-7.tutor-color-muted.tutor-mt-20.tutor-d-flex {
  background-color: #F4EFE6 !important;
  border: 1px dashed var(--er-forest, #2D5A46) !important;
  border-radius: 4px !important;
  padding: 10px 14px !important;
  margin-top: 16px !important;
  color: var(--er-ink, #24231F) !important;
  font-family: var(--er-font-body) !important;
  font-size: 13px !important;
  align-items: center !important;
}

.tutor-sidebar-card .tutor-icon-purchase-mark {
  color: var(--er-forest, #2D5A46) !important;
  font-size: 17px !important;
}

.tutor-sidebar-card .tutor-enrolled-info-date {
  color: var(--er-forest, #2D5A46) !important;
  font-family: var(--er-font-mono, monospace) !important;
  font-weight: 700 !important;
}

/* Instructor Card ("A course by") & Avatar Circle */
.tutor-course-details-instructors h3 {
  font-family: var(--er-font-subhead, 'Shorif Sandwip', serif) !important;
  font-size: 16px !important;
  color: var(--er-ink, #24231F) !important;
  margin-bottom: 14px !important;
  border-bottom: 1px dashed var(--er-border, #D3C7B6) !important;
  padding-bottom: 8px !important;
}

/* Avatar Circle (Overrides electric blue #3858F6 to warm Terracotta) */
.tutor-avatar,
.tutor-avatar-circle,
.tutor-avatar .tutor-ratio,
.tutor-ratio:has(.tutor-avatar-text),
.tutor-avatar-md .tutor-ratio,
.tutor-avatar-lg .tutor-ratio,
.tutor-avatar-sm .tutor-ratio,
.tutor-avatar-xl .tutor-ratio {
  background-color: var(--er-terracotta, #AD654B) !important;
  background: var(--er-terracotta, #AD654B) !important;
  border-radius: 50% !important;
  border: 1.5px solid var(--er-espresso, #49362D) !important;
  box-shadow: 1.5px 1.5px 0 var(--er-espresso, #49362D) !important;
  overflow: hidden !important;
}

.tutor-avatar .tutor-avatar-text,
.tutor-avatar-text {
  background-color: transparent !important;
  color: #FFFFFF !important;
  border: none !important;
  font-family: var(--er-font-heading, 'Fraunces', serif) !important;
  font-weight: 700 !important;
  font-size: 18px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.tutor-course-details-instructors a.tutor-color-black {
  font-family: var(--er-font-body, 'Hind Siliguri', sans-serif) !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  color: var(--er-ink, #24231F) !important;
  transition: color 0.15s ease !important;
}

.tutor-course-details-instructors a.tutor-color-black:hover {
  color: var(--er-terracotta, #AD654B) !important;
}

/* Material Includes Widget */
.tutor-course-details-widget h3 {
  font-family: var(--er-font-subhead, 'Shorif Sandwip', serif) !important;
  font-size: 16px !important;
  color: var(--er-ink, #24231F) !important;
  margin-bottom: 14px !important;
  border-bottom: 1px dashed var(--er-border, #D3C7B6) !important;
  padding-bottom: 8px !important;
}

.tutor-course-details-widget ul,
.tutor-course-benefits-wrap ul {
  padding-left: 0 !important;
  margin-left: 0 !important;
  list-style: none !important;
}

.tutor-course-details-widget ul li,
.tutor-course-benefits-wrap ul li {
  position: relative !important;
  padding-left: 20px !important;
  margin-bottom: 10px !important;
  font-family: var(--er-font-body, 'Hind Siliguri', sans-serif) !important;
  font-size: 14px !important;
  color: var(--er-ink, #24231F) !important;
}

.tutor-course-details-widget ul li:before,
.tutor-course-benefits-wrap ul li:before {
  content: "✦" !important;
  position: absolute !important;
  left: 0 !important;
  color: var(--er-terracotta, #AD654B) !important;
  font-size: 12px !important;
  top: 1px !important;
}

/* Metadata List in Sidebar (Level, Enrolled, Last Updated) */
.tutor-card-body .tutor-list-item,
.tutor-sidebar-card .tutor-d-flex {
  font-family: var(--er-font-body, 'Hind Siliguri', sans-serif) !important;
  color: var(--er-ink, #24231F) !important;
  font-size: 14px !important;
}

.tutor-sidebar-card [class*="tutor-icon-"] {
  color: var(--er-espresso, #49362D) !important;
}

/* Start / Continue Learning / Retake Button on Course Single */
.tutor-sidebar-card .start-continue-retake-button,
.tutor-sidebar-card .tutor-course-retake-button,
.tutor-sidebar-card .tutor-btn-primary {
  background-color: var(--er-ink, #24231F) !important;
  border: 1.5px solid var(--er-ink, #24231F) !important;
  color: var(--er-paper, #F3EFE5) !important;
  font-family: var(--er-font-body) !important;
  font-weight: 700 !important;
  box-shadow: 3px 3px 0 var(--er-espresso, #49362D) !important;
  border-radius: var(--er-radius-sm, 3px) !important;
  padding: 12px 20px !important;
  transition: all 0.2s ease !important;
}

.tutor-sidebar-card .start-continue-retake-button:hover,
.tutor-sidebar-card .tutor-course-retake-button:hover,
.tutor-sidebar-card .tutor-btn-primary:hover {
  background-color: var(--er-terracotta, #AD654B) !important;
  border-color: var(--er-terracotta, #AD654B) !important;
  color: #FFFFFF !important;
  transform: translate(-1px, -1px) !important;
  box-shadow: 4px 4px 0 var(--er-espresso, #49362D) !important;
}

/* Course Content Title & Headings */
.tutor-course-content-title,
.tutor-course-details-title {
  font-family: var(--er-font-subhead, 'Shorif Sandwip', serif) !important;
  color: var(--er-ink, #24231F) !important;
  font-size: 20px !important;
  font-weight: 700 !important;
}

/* ========================================================
   11. COURSE ARCHIVE & TUTOR COURSE CARDS
   ======================================================== */
.tutor-courses-wrap,
.course-archive-page {
  padding-top: 2rem !important;
  padding-bottom: 3.5rem !important;
}

.tutor-card.tutor-course-card {
  background-color: var(--er-white, #FCFAF6) !important;
  border: 1.5px solid var(--er-espresso, #49362D) !important;
  box-shadow: 4px 4px 0 var(--er-espresso, #49362D) !important;
  border-radius: var(--er-radius-sm, 3px) !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease !important;
  overflow: hidden !important;
}

.tutor-card.tutor-course-card:hover {
  transform: translate(-2px, -2px) !important;
  box-shadow: 6px 6px 0 var(--er-espresso, #49362D) !important;
}

.tutor-course-thumbnail {
  border-bottom: 1px dashed var(--er-border-dark, #B5A591) !important;
}

.tutor-card.tutor-course-card .tutor-card-body {
  padding: 18px 20px !important;
  background-color: var(--er-white, #FCFAF6) !important;
}

.tutor-card.tutor-course-card .tutor-course-name a {
  font-family: var(--er-font-subhead, 'Shorif Sandwip', serif) !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  color: var(--er-ink, #24231F) !important;
  line-height: 1.35 !important;
}

.tutor-card.tutor-course-card .tutor-course-name a:hover {
  color: var(--er-terracotta, #AD654B) !important;
}

.tutor-card.tutor-course-card .tutor-card-footer {
  padding: 12px 20px !important;
  background-color: var(--er-paper, #F3EFE5) !important;
  border-top: 1px dashed var(--er-border-dark, #B5A591) !important;
}

.tutor-card.tutor-course-card .list-item-price span {
  font-family: var(--er-font-heading-big, 'Abu Sayed', serif) !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  color: var(--er-ink, #24231F) !important;
}

.tutor-card.tutor-course-card .list-item-price del {
  font-family: var(--er-font-subhead, 'Shorif Sandwip', serif) !important;
  font-size: 14px !important;
  color: var(--er-muted-text, #8C7C6D) !important;
  margin-left: 6px !important;
}

/* Course Filter dropdown */
.tutor-course-filter select.tutor-form-select {
  background-color: var(--er-white, #FCFAF6) !important;
  border: 1.5px solid var(--er-espresso, #49362D) !important;
  box-shadow: 2px 2px 0 var(--er-espresso, #49362D) !important;
  border-radius: var(--er-radius-sm, 3px) !important;
  font-family: var(--er-font-subhead, 'Shorif Sandwip', serif) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: var(--er-ink, #24231F) !important;
  padding: 8px 14px !important;
}

/* ========================================================
   SINGLE COURSE SIDEBAR PURCHASE CARD OVERRIDES
   ======================================================== */
.tutor-sidebar-card {
  background-color: var(--er-white, #FCFAF6) !important;
  border: 1.5px solid var(--er-espresso, #49362D) !important;
  box-shadow: 4px 4px 0 var(--er-espresso, #49362D) !important;
  border-radius: var(--er-radius-sm, 3px) !important;
}

.tutor-sidebar-card .tutor-card-body {
  padding: 24px !important;
}

/* Prevent any accidental fallback Tutor LMS 'View Cart' button */
.tutor-woocommerce-view-cart {
  display: none !important;
}

/* ========================================================
   SINGLE LESSON / SPOTLIGHT PLAYER SIDEBAR (CURRICULUM)
   Fixes dark-on-dark contrast issue & harmonizes with Editorial paper styling
   ======================================================== */
.tutor-course-single-content-wrapper {
  background-color: var(--er-paper, #F3EFE5) !important;
}

.tutor-course-single-sidebar-wrapper,
.tutor-lesson-sidebar {
  background-color: var(--er-paper, #F3EFE5) !important;
  border-right: 1.5px solid var(--er-border, #D3C7B6) !important;
  color: var(--er-ink, #24231F) !important;
}

/* Sidebar Topbar Header */
.tutor-course-single-sidebar-title {
  background-color: var(--er-cream, #E8E0D1) !important;
  border-bottom: 1.5px solid var(--er-espresso, #49362D) !important;
  padding: 16px 20px !important;
}

.tutor-course-single-sidebar-title span {
  font-family: var(--er-font-subhead, 'Shorif Sandwip', serif) !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  color: var(--er-ink, #24231F) !important;
}

/* Topic Block */
.tutor-course-topic {
  border-bottom: 1px solid var(--er-border, #D3C7B6) !important;
  background-color: var(--er-white, #FCFAF6) !important;
  margin: 0 !important;
}

/* Topic Accordion Header (e.g. "কোর্স এ কি কি শেখানো হবে?") */
.tutor-course-single-sidebar-wrapper .tutor-accordion-item-header {
  background-color: var(--er-cream, #E8E0D1) !important;
  border-bottom: 1px solid var(--er-border, #D3C7B6) !important;
  padding: 14px 18px !important;
  cursor: pointer !important;
  transition: background-color 0.15s ease !important;
}

.tutor-course-single-sidebar-wrapper .tutor-accordion-item-header:hover {
  background-color: #DFD6C5 !important;
}

.tutor-course-single-sidebar-wrapper .tutor-accordion-item-header.is-active {
  background-color: #E2D9C8 !important;
  border-bottom: 1.5px solid var(--er-espresso, #49362D) !important;
}

.tutor-course-single-sidebar-wrapper .tutor-accordion-item-header .tutor-course-topic-title {
  font-family: var(--er-font-subhead, 'Shorif Sandwip', serif) !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  color: var(--er-ink, #24231F) !important;
  line-height: 1.4 !important;
}

.tutor-course-single-sidebar-wrapper .tutor-accordion-item-header.is-active .tutor-course-topic-title,
.tutor-course-single-sidebar-wrapper .tutor-accordion-item-header:hover .tutor-course-topic-title {
  color: var(--er-ink, #24231F) !important;
}

.tutor-course-single-sidebar-wrapper .tutor-accordion-item-header .tutor-course-topic-summary {
  background-color: var(--er-white, #FCFAF6) !important;
  border: 1px solid var(--er-border-dark, #B5A591) !important;
  color: var(--er-terracotta, #AD654B) !important;
  font-family: var(--er-font-mono, monospace) !important;
  font-size: 11.5px !important;
  font-weight: 700 !important;
  padding: 2px 7px !important;
  border-radius: 10px !important;
}

/* Accordion Body & Lessons List */
.tutor-course-single-sidebar-wrapper .tutor-accordion-item-body {
  background-color: var(--er-paper, #F3EFE5) !important;
  padding: 0 !important;
}

/* Lesson Item Container */
.tutor-course-single-sidebar-wrapper .tutor-course-topic-item {
  border-bottom: 1px solid var(--er-border, #D3C7B6) !important;
  margin: 0 !important;
}

.tutor-course-single-sidebar-wrapper .tutor-course-topic-item:last-child {
  border-bottom: none !important;
}

/* Lesson Link (e.g. "ওয়েব সাইট কি? ওয়ার্ডপ্রেস কিভাবে কাজ করে?") */
.tutor-course-single-sidebar-wrapper .tutor-course-topic-item a {
  background-color: var(--er-white, #FCFAF6) !important;
  padding: 12px 18px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  text-decoration: none !important;
  transition: all 0.15s ease !important;
  border-left: 3px solid transparent !important;
}

.tutor-course-single-sidebar-wrapper .tutor-course-topic-item:hover a {
  background-color: var(--er-cream, #E8E0D1) !important;
}

.tutor-course-single-sidebar-wrapper .tutor-course-topic-item.is-active a {
  background-color: #ECE4D4 !important;
  border-left: 3px solid var(--er-terracotta, #AD654B) !important;
}

/* Lesson Title Text */
.tutor-course-single-sidebar-wrapper .tutor-course-topic-item-title {
  font-family: var(--er-font-body, 'Hind Siliguri', sans-serif) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: var(--er-ink, #24231F) !important;
  line-height: 1.45 !important;
}

.tutor-course-single-sidebar-wrapper .tutor-course-topic-item:hover .tutor-course-topic-item-title {
  color: var(--er-terracotta, #AD654B) !important;
}

.tutor-course-single-sidebar-wrapper .tutor-course-topic-item.is-active .tutor-course-topic-item-title {
  color: var(--er-terracotta, #AD654B) !important;
  font-weight: 700 !important;
}

/* Lesson Icon */
.tutor-course-single-sidebar-wrapper .tutor-course-topic-item-icon {
  color: var(--er-espresso, #49362D) !important;
  font-size: 16px !important;
  margin-right: 10px !important;
}

.tutor-course-single-sidebar-wrapper .tutor-course-topic-item.is-active .tutor-course-topic-item-icon {
  color: var(--er-terracotta, #AD654B) !important;
}

/* Lesson Duration & Status Icon */
.tutor-course-single-sidebar-wrapper .tutor-course-topic-item-duration {
  font-family: var(--er-font-mono, monospace) !important;
  font-size: 11.5px !important;
  color: var(--er-muted-text, #665F55) !important;
}

/* TOPBAR IN SINGLE LESSON VIEW */
.tutor-course-single-content-wrapper #tutor-single-entry-content .tutor-course-topic-single-header {
  background: var(--er-ink, #24231F) !important;
  border-bottom: 2px solid var(--er-espresso, #49362D) !important;
  color: var(--er-paper, #F3EFE5) !important;
}

.tutor-course-single-content-wrapper #tutor-single-entry-content .tutor-course-topic-single-header span,
.tutor-course-single-content-wrapper #tutor-single-entry-content .tutor-course-topic-single-header h2,
.tutor-course-single-content-wrapper #tutor-single-entry-content .tutor-course-topic-single-header h3 {
  color: var(--er-paper, #F3EFE5) !important;
}

/* Lesson Main Content Area Canvas */
#tutor-single-entry-content {
  background-color: var(--er-paper, #F3EFE5) !important;
}

#tutor-single-entry-content .tutor-quiz-single-entry-wrap,
#tutor-single-entry-content .tutor-lesson-content {
  background-color: var(--er-paper, #F3EFE5) !important;
  color: var(--er-ink, #24231F) !important;
}

/* ========================================================
   12. TUTOR LMS 4.x LEARNING AREA & SPOTLIGHT COURSE PLAYER
   Fixes dark-on-dark contrast & harmonizes with Vintage Editorial
   ======================================================== */
.tutor-learning-page,
.tutor-learning-area,
.tutor-learning-area-body,
.tutor-learning-sidebar,
.tutor-learning-sidebar-curriculum,
.tutor-learning-nav,
.tutor-learning-nav-body {
  background-color: var(--er-paper, #F3EFE5) !important;
  color: var(--er-ink, #24231F) !important;
}

.tutor-learning-sidebar {
  border-right: 1px solid var(--er-border, #D3C7B6) !important;
  box-shadow: 2px 0 0 rgba(73, 54, 45, 0.04) !important;
}

/* Top Progress Section in Sidebar */
.tutor-learning-sidebar .tutor-learning-progress {
  background: transparent !important;
  padding: 12px 14px 10px !important;
  border-bottom: 1px dashed var(--er-border, #D3C7B6) !important;
  margin-bottom: 8px !important;
}

.tutor-learning-sidebar .tutor-learning-progress-text {
  color: var(--er-ink, #24231F) !important;
  font-family: var(--er-font-body, 'Hind Siliguri', sans-serif) !important;
  font-weight: 700 !important;
  font-size: 13.5px !important;
}

.tutor-learning-sidebar .tutor-learning-progress-text span {
  font-family: var(--er-font-mono, monospace) !important;
  font-weight: 700 !important;
  color: var(--er-terracotta, #AD654B) !important;
}

/* Progress bar rail & fill */
.tutor-learning-sidebar .tutor-progress-bar {
  background-color: var(--er-cream, #E8E0D1) !important;
  border-radius: 4px !important;
}

.tutor-learning-sidebar .tutor-progress-bar .tutor-progress-filled {
  background-color: var(--er-terracotta, #AD654B) !important;
  border-radius: 4px !important;
}

/* --------------------------------------------------------
   TOPIC ACCORDION HEADER (THE TOPIC PILL)
   -------------------------------------------------------- */
.tutor-learning-sidebar .tutor-learning-sidebar-curriculum .tutor-learning-nav-topic,
.tutor-learning-sidebar .tutor-learning-nav-topic,
.tutor-course-single-sidebar-wrapper .tutor-course-topic {
  gap: 4px !important;
  margin-bottom: 6px !important;
}

.tutor-learning-sidebar .tutor-learning-sidebar-curriculum .tutor-learning-nav-topic .tutor-learning-nav-header,
.tutor-learning-sidebar .tutor-learning-sidebar-curriculum .tutor-learning-nav-topic.active:not(.expanded),
.tutor-learning-sidebar .tutor-learning-nav-header,
.tutor-learning-nav-topic .tutor-learning-nav-header,
.tutor-learning-nav-topic.active:not(.expanded),
.tutor-course-single-sidebar-wrapper .tutor-accordion-item-header {
  background-color: #EFE9DC !important;
  border: 1px solid var(--er-border, #D3C7B6) !important;
  border-radius: 6px !important;
  color: var(--er-ink, #24231F) !important;
  padding: 8px 12px !important;
  box-shadow: 1px 1px 0px rgba(36, 35, 31, 0.06) !important;
  transition: all 0.2s ease !important;
}

.tutor-learning-sidebar .tutor-learning-sidebar-curriculum .tutor-learning-nav-topic .tutor-learning-nav-header:hover,
.tutor-learning-sidebar .tutor-learning-sidebar-curriculum .tutor-learning-nav-topic .tutor-learning-nav-header:focus,
.tutor-learning-sidebar .tutor-learning-sidebar-curriculum .tutor-learning-nav-topic.active .tutor-learning-nav-header:hover,
.tutor-learning-sidebar .tutor-learning-nav-header:hover,
.tutor-learning-nav-topic .tutor-learning-nav-header:hover,
.tutor-course-single-sidebar-wrapper .tutor-accordion-item-header:hover {
  background-color: #E3D9C7 !important;
  border-color: var(--er-espresso, #49362D) !important;
  color: var(--er-ink, #24231F) !important;
}

/* Topic Title Typography */
.tutor-learning-sidebar .tutor-learning-sidebar-curriculum .tutor-learning-nav-topic .tutor-learning-nav-header-title,
.tutor-learning-sidebar .tutor-learning-sidebar-curriculum .tutor-learning-nav-topic.active .tutor-learning-nav-header-title,
.tutor-learning-sidebar .tutor-learning-sidebar-curriculum .tutor-learning-nav-topic.active:not(.expanded) .tutor-learning-nav-header-title,
.tutor-learning-nav-header-title,
.tutor-course-single-sidebar-wrapper .tutor-course-topic-title {
  color: var(--er-ink, #24231F) !important;
  font-family: var(--er-font-body, 'Hind Siliguri', sans-serif) !important;
  font-weight: 700 !important;
  font-size: 13.5px !important;
  line-height: 1.4 !important;
}

/* Topic Circular Progress Indicator & SVGs */
.tutor-learning-sidebar .tutor-learning-sidebar-curriculum .tutor-learning-nav-topic .tutor-learning-nav-header-progress circle,
.tutor-learning-nav-header-progress circle {
  stroke: var(--er-border-dark, #B5A591) !important;
}

.tutor-learning-sidebar .tutor-learning-sidebar-curriculum .tutor-learning-nav-topic .tutor-learning-nav-header-actions,
.tutor-learning-sidebar .tutor-learning-sidebar-curriculum .tutor-learning-nav-topic .tutor-learning-nav-header-actions svg,
.tutor-learning-sidebar .tutor-learning-sidebar-curriculum .tutor-learning-nav-topic .tutor-learning-nav-header-arrow,
.tutor-learning-sidebar .tutor-learning-sidebar-curriculum .tutor-learning-nav-topic .tutor-learning-nav-header-arrow svg,
.tutor-learning-sidebar .tutor-learning-sidebar-curriculum .tutor-learning-nav-topic .tutor-learning-nav-header-summary svg,
.tutor-learning-nav-header-actions svg,
.tutor-learning-nav-header-arrow svg,
.tutor-course-single-sidebar-wrapper .tutor-course-topic-title-info-icon {
  color: var(--er-espresso, #49362D) !important;
}

/* --------------------------------------------------------
   LESSON ITEM CARDS INSIDE CURRICULUM DRAWER
   -------------------------------------------------------- */
.tutor-learning-sidebar .tutor-learning-sidebar-curriculum .tutor-learning-nav .tutor-learning-nav-item,
.tutor-learning-sidebar .tutor-learning-nav-item,
.tutor-learning-nav-item,
.tutor-course-single-sidebar-wrapper .tutor-course-topic-item a {
  background-color: var(--er-white, #FCFAF6) !important;
  border: 1px solid var(--er-border, #D3C7B6) !important;
  border-radius: 6px !important;
  margin: 4px 0 !important;
  padding: 9px 12px !important;
  color: var(--er-ink, #24231F) !important;
  transition: all 0.15s ease !important;
  box-shadow: 1px 1px 0px rgba(73, 54, 45, 0.04) !important;
  position: relative !important;
}

.tutor-learning-sidebar .tutor-learning-sidebar-curriculum .tutor-learning-nav .tutor-learning-nav-item:hover,
.tutor-learning-sidebar .tutor-learning-sidebar-curriculum .tutor-learning-nav .tutor-learning-nav-item:focus,
.tutor-learning-sidebar .tutor-learning-nav-item:hover,
.tutor-learning-nav-item:hover,
.tutor-course-single-sidebar-wrapper .tutor-course-topic-item a:hover {
  background-color: #F5EFE3 !important;
  border-color: var(--er-espresso, #49362D) !important;
  color: var(--er-ink, #24231F) !important;
}

/* Lesson Title */
.tutor-learning-sidebar .tutor-learning-sidebar-curriculum .tutor-learning-nav .tutor-learning-nav-item div:first-child,
.tutor-learning-sidebar .tutor-learning-sidebar-curriculum .tutor-learning-nav .tutor-learning-nav-item .tutor-overflow-hidden > div:first-child,
.tutor-learning-nav-item div:first-child,
.tutor-course-single-sidebar-wrapper .tutor-course-topic-item-title {
  color: var(--er-ink, #24231F) !important;
  font-family: var(--er-font-body, 'Hind Siliguri', sans-serif) !important;
  font-weight: 600 !important;
  font-size: 13.5px !important;
  line-height: 1.45 !important;
}

/* Lesson Duration & Subtitle */
.tutor-learning-sidebar .tutor-learning-sidebar-curriculum .tutor-learning-nav .tutor-learning-nav-item .tutor-tiny-2,
.tutor-learning-sidebar .tutor-learning-sidebar-curriculum .tutor-learning-nav .tutor-learning-nav-item .tutor-text-subdued,
.tutor-learning-nav-item .tutor-tiny-2,
.tutor-learning-nav-item .tutor-text-subdued,
.tutor-course-single-sidebar-wrapper .tutor-course-topic-item-duration {
  color: var(--er-muted-text, #665F55) !important;
  font-family: var(--er-font-mono, monospace) !important;
  font-size: 11.5px !important;
  margin-top: 3px !important;
}

/* Lesson Icon */
.tutor-learning-sidebar .tutor-learning-sidebar-curriculum .tutor-learning-nav .tutor-learning-nav-item svg,
.tutor-learning-nav-item svg,
.tutor-course-single-sidebar-wrapper .tutor-course-topic-item-icon {
  color: var(--er-espresso, #49362D) !important;
  flex-shrink: 0 !important;
  margin-top: 2px !important;
}

/* --------------------------------------------------------
   ACTIVE LESSON ITEM CARD (CLEARLY HIGHLIGHTED)
   -------------------------------------------------------- */
.tutor-learning-sidebar .tutor-learning-sidebar-curriculum .tutor-learning-nav .tutor-learning-nav-item.active,
.tutor-learning-sidebar .tutor-learning-nav-item.active,
.tutor-learning-nav-item.active,
.tutor-course-single-sidebar-wrapper .tutor-course-topic-item.is-active,
.tutor-course-single-sidebar-wrapper .tutor-course-topic-item.is-active a,
.tutor-course-topic-item.is-active a {
  background-color: #ECE4D4 !important;
  border: 1px solid var(--er-terracotta, #AD654B) !important;
  border-left: 4px solid var(--er-terracotta, #AD654B) !important;
  box-shadow: 2px 2px 0px rgba(173, 101, 75, 0.15) !important;
}

.tutor-learning-sidebar .tutor-learning-sidebar-curriculum .tutor-learning-nav .tutor-learning-nav-item.active:before,
.tutor-learning-sidebar .tutor-learning-nav-item.active:before,
.tutor-learning-nav-item.active:before,
.tutor-learning-nav .tutor-learning-nav-item.active:before {
  display: none !important; /* Hide default electric blue pseudo bar */
  background-color: transparent !important;
}

.tutor-learning-sidebar .tutor-learning-sidebar-curriculum .tutor-learning-nav .tutor-learning-nav-item.active div:first-child,
.tutor-learning-sidebar .tutor-learning-sidebar-curriculum .tutor-learning-nav .tutor-learning-nav-item.active .tutor-overflow-hidden > div:first-child,
.tutor-learning-nav-item.active div:first-child,
.tutor-course-single-sidebar-wrapper .tutor-course-topic-item.is-active .tutor-course-topic-item-title {
  color: var(--er-terracotta, #AD654B) !important;
  font-weight: 700 !important;
}

.tutor-learning-sidebar .tutor-learning-sidebar-curriculum .tutor-learning-nav .tutor-learning-nav-item.active svg,
.tutor-learning-nav-item.active svg,
.tutor-course-single-sidebar-wrapper .tutor-course-topic-item.is-active .tutor-course-topic-item-icon {
  color: var(--er-terracotta, #AD654B) !important;
}

.tutor-learning-sidebar .tutor-learning-sidebar-curriculum .tutor-learning-nav .tutor-learning-nav-item.active .tutor-tiny-2,
.tutor-learning-sidebar .tutor-learning-sidebar-curriculum .tutor-learning-nav .tutor-learning-nav-item.active .tutor-text-subdued,
.tutor-learning-nav-item.active .tutor-tiny-2,
.tutor-learning-nav-item.active .tutor-text-subdued {
  color: var(--er-muted-text, #665F55) !important;
}

/* Tooltip Styling */
.tooltip-wrap .tooltip-txt,
.tooltip-wrap .tooltip-inner,
.tutor-tooltip,
[data-tutor-tooltip],
.tooltip-bottom {
  background-color: var(--er-ink, #24231F) !important;
  color: var(--er-cream, #FAF7F2) !important;
  border: 1px solid var(--er-espresso, #49362D) !important;
  border-radius: 4px !important;
  font-family: var(--er-font-body, 'Hind Siliguri', sans-serif) !important;
  font-size: 12px !important;
  box-shadow: 2px 2px 0px rgba(36, 35, 31, 0.25) !important;
  padding: 6px 10px !important;
}

.tooltip-wrap .tooltip-txt:after {
  border-top-color: var(--er-ink, #24231F) !important;
  border-bottom-color: var(--er-ink, #24231F) !important;
}

/* --------------------------------------------------------
   TOP HEADER IN LEARNING AREA
   -------------------------------------------------------- */
.tutor-learning-header {
  background-color: var(--er-paper, #F3EFE5) !important;
  border-bottom: 1px solid var(--er-border, #D3C7B6) !important;
}

.tutor-learning-header-inner {
  background-color: var(--er-white, #FCFAF6) !important;
  border: 1px solid var(--er-border, #D3C7B6) !important;
  border-radius: 6px !important;
}

.tutor-learning-header-title {
  color: var(--er-ink, #24231F) !important;
  font-family: var(--er-font-heading, 'Abu Sayed', serif) !important;
  font-weight: 700 !important;
}

.tutor-learning-header-back {
  color: var(--er-ink, #24231F) !important;
  border-inline-end: 1px solid var(--er-border, #D3C7B6) !important;
}

.tutor-learning-header-back:hover {
  color: var(--er-terracotta, #AD654B) !important;
  background-color: var(--er-cream, #E8E0D1) !important;
}

/* "Complete the Course" and other Action Buttons in Header */
.tutor-learning-header .tutor-btn-primary,
.tutor-learning-header .tutor-btn-brand,
.tutor-learning-header .tutor-btn {
  background-color: var(--er-ink, #24231F) !important;
  color: var(--er-paper, #F3EFE5) !important;
  border: 1px solid var(--er-ink, #24231F) !important;
  border-radius: 4px !important;
  font-family: var(--er-font-body) !important;
  font-weight: 600 !important;
  box-shadow: 2px 2px 0px rgba(36, 35, 31, 0.15) !important;
  transition: all 0.2s ease !important;
}

.tutor-learning-header .tutor-btn-primary:hover,
.tutor-learning-header .tutor-btn-brand:hover,
.tutor-learning-header .tutor-btn:hover {
  background-color: var(--er-terracotta, #AD654B) !important;
  border-color: var(--er-terracotta, #AD654B) !important;
  color: #FFFFFF !important;
  box-shadow: 3px 3px 0px rgba(73, 54, 45, 0.2) !important;
}

/* Tooltip Styling */
.tutor-tooltip,
[role="tooltip"] {
  background-color: var(--er-ink, #24231F) !important;
  color: var(--er-paper, #F3EFE5) !important;
  border-radius: 4px !important;
  font-family: var(--er-font-body, 'Hind Siliguri', sans-serif) !important;
  font-size: 12px !important;
  padding: 6px 10px !important;
}




/* ========================================================
   COMPREHENSIVE RESPONSIVE OVERRIDES FOR TUTOR LMS
   ======================================================== */
@media (max-width: 991px) {
  .tutor-course-details-page .tutor-row,
  .tutor-single-course-top .tutor-row {
    display: flex !important;
    flex-direction: column !important;
  }

  .tutor-course-details-page .tutor-col-8,
  .tutor-course-details-page .tutor-col-4,
  .tutor-single-course-top .tutor-col-8,
  .tutor-single-course-top .tutor-col-4 {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
  }

  .tutor-single-course-sidebar {
    margin-top: 32px !important;
    width: 100% !important;
  }

  .tutor-dashboard-left-menu {
    margin-bottom: 24px !important;
  }
}

@media (max-width: 768px) {
  .tutor-wrap {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  /* Video player in single course */
  .tutor-single-course-top .tutor-video-player,
  .tutor-single-course-top .tutor-ratio,
  .tutor-course-details-page .tutor-video-player {
    box-shadow: 3px 3px 0 var(--er-espresso, #49362D) !important;
  }

  /* Single course sidebar card */
  .tutor-single-course-sidebar .tutor-card,
  .tutor-single-course-sidebar .tutor-sidebar-card {
    box-shadow: 3px 3px 0 var(--er-espresso, #49362D) !important;
  }

  .tutor-single-course-sidebar .tutor-card-body {
    padding: 16px 14px !important;
  }

  .tutor-single-course-sidebar .tutor-card-footer {
    padding: 12px 16px !important;
  }

  /* Curriculum accordion touch target */
  .tutor-accordion-item-header,
  .tutor-course-topics-wrap .tutor-accordion-item-header {
    padding: 12px 14px !important;
    font-size: 14px !important;
    min-height: 44px !important;
    display: flex !important;
    align-items: center !important;
  }

  .tutor-course-content-list-item {
    padding: 10px 14px !important;
    min-height: 44px !important;
    display: flex !important;
    align-items: center !important;
  }

  /* Course tabs */
  .tutor-course-details-tab .tutor-nav-tabs {
    flex-wrap: wrap !important;
    gap: 4px !important;
  }

  .tutor-course-details-tab .tutor-nav-link {
    padding: 8px 12px !important;
    font-size: 13.5px !important;
  }

  /* Learning Page Header & Back button */
  .tutor-learning-header-title {
    font-size: 14px !important;
  }

  .tutor-learning-header .tutor-btn {
    padding: 8px 12px !important;
    font-size: 13px !important;
  }
}

@media (max-width: 480px) {
  .tutor-wrap {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  .tutor-single-course-meta {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 8px !important;
  }

  .tutor-course-sidebar-card-pricing {
    font-size: 24px !important;
  }

  .tutor-course-sidebar-card-pricing del {
    font-size: 14px !important;
  }

  .tutor-single-course-sidebar .tutor-btn-primary,
  .tutor-single-course-sidebar [data-cy="tutor-buy-now"],
  .tutor-single-course-sidebar .tutor-course-enrollment-btn {
    width: 100% !important;
    padding: 12px 16px !important;
    font-size: 15px !important;
    min-height: 48px !important;
  }

  /* Enrolled status info */
  .tutor-enrolled-info {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 6px !important;
  }

  /* Learning Sidebar drawer on small phones */
  .tutor-learning-sidebar {
    width: 100% !important;
  }

  .tutor-learning-sidebar .tutor-learning-nav-topic .tutor-learning-nav-header-title {
    font-size: 12.5px !important;
  }
}

@media (max-width: 360px) {
  .tutor-course-details-tab .tutor-nav-link {
    padding: 6px 10px !important;
    font-size: 12px !important;
  }

  .tutor-single-course-sidebar .tutor-card-body {
    padding: 12px 10px !important;
  }
}

/* ==========================================================================
   ER VINTAGE EDITORIAL — ANTI-HIJACK SHIELDS & IDM SUPPRESSION
   Blocks title link, Watch on YouTube, share shortcuts & IDM widget
   ========================================================================== */
#idm_download_button,
.idm_download_button,
#idm_panel,
.idm_panel,
idm-download-panel,
div[id*="idm_" i],
div[class*="idm_" i],
div[id*="IDM"],
div[class*="IDM"],
embed[type*="application/x-idm"] {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  width: 0 !important;
  height: 0 !important;
  position: absolute !important;
  top: -9999px !important;
  left: -9999px !important;
  z-index: -99999 !important;
}

.er-protected-player-ratio {
  position: relative !important;
  overflow: hidden !important;
}

.er-yt-shield-top {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 62px !important;
  z-index: 22 !important;
  background: transparent !important;
  cursor: default !important;
  pointer-events: auto !important;
}

.er-yt-shield-bottom-right {
  position: absolute !important;
  bottom: 0 !important;
  right: 0 !important;
  width: 170px !important;
  height: 52px !important;
  z-index: 22 !important;
  background: transparent !important;
  cursor: default !important;
  pointer-events: auto !important;
}

.er-yt-shield-bottom-left {
  position: absolute !important;
  bottom: 0 !important;
  left: 0 !important;
  width: 52px !important;
  height: 48px !important;
  z-index: 22 !important;
  background: transparent !important;
  cursor: default !important;
  pointer-events: auto !important;
}

.er-dynamic-yt-slot {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
}

.er-dynamic-yt-slot iframe {
  width: 100% !important;
  height: 100% !important;
  border: none !important;
}