/* ============================================================
   Tutor LMS restyle layer.
   Loaded only on Tutor pages, after main.css.
   Restyling only, no template logic changes.
   ============================================================ */

/* Tutor uses its own CSS variables; align them with the design system. */
:root {
  --tutor-color-primary: var(--gada);
  --tutor-color-primary-hover: var(--gada-bright);
  --tutor-color-secondary: var(--nil);
  --tutor-body-color: var(--ink);
  --tutor-border-color: var(--line-light);
  --tutor-font-family: var(--f-bn) !important;
}

.tutor-wrap,
.tutor-course-details-page,
.tutor-dashboard {
  font-family: var(--f-bn);
}

/* Course single: kill the "Uncategorized" badge until categories are set */
.tutor-course-details-page a[href*="course-category/uncategorized"] {
  display: none;
}

/* Buttons */
.tutor-btn-primary {
  background: var(--gada) !important;
  border-color: var(--gada) !important;
  font-weight: 700;
  border-radius: var(--radius) !important;
}
.tutor-btn-primary:hover {
  background: var(--gada-bright) !important;
  border-color: var(--gada-bright) !important;
}

/* Price display in mono */
.tutor-course-details-widget .tutor-fs-4,
.tutor-course-price {
  font-family: var(--f-mono) !important;
  font-variant-numeric: tabular-nums;
}

/* Curriculum accordion */
.tutor-course-topic-single-header,
.tutor-accordion-item-header {
  font-family: var(--f-bn) !important;
  font-weight: 700;
}

/* Cards and widgets */
.tutor-card,
.tutor-course-details-widget {
  border-radius: var(--radius) !important;
  border-color: var(--line-light) !important;
}

/* Dashboard sidebar active state */
.tutor-dashboard-menu-item.active > a,
.tutor-dashboard-menu-item a:hover {
  color: var(--gada) !important;
}

/* Progress bars */
.tutor-progress-bar .tutor-progress-value {
  background: var(--shobuj) !important;
}

/* ------------------------------------------------- site chrome on the dashboard
   Tutor 4.x builds the dashboard as its own document and never calls the theme's
   header or footer, so a student inside it had no menu and no footer. Those are
   injected on Tutor's two layout hooks; these rules make them sit correctly
   around a layout that was written assuming they would not be there. */
.aib-tutor-chrome { position: relative; z-index: 20; }
.aib-tutor-chrome .site-head { position: static; }
.aib-tutor-chrome-bottom { margin-top: 48px; }

/* Tutor pins its sidebar to the top of the viewport. With a header above it,
   the sidebar has to start below that header instead of underneath it. */
.tutor-dashboard-layout { position: relative; }
@media (min-width: 992px) {
  .tutor-dashboard-layout .tutor-dashboard-sidebar,
  .tutor-dashboard-layout aside { top: auto; }
}
/* The dashboard sets its own page background; the footer brings its own, and
   without this the two meet with a hairline of the wrong colour between them. */
.aib-tutor-chrome-bottom .site-foot { margin-bottom: 0; }