/* ==========================================================================
   Tutor LMS skin — remaps Tutor's own custom properties to FunInKorea tokens
   so course pages, the course builder frontend and the student dashboard
   inherit the site design instead of Tutor's default blue.
   Nothing here overrides Tutor markup; only its design variables + spacing.
   ========================================================================== */

:root {
  --tutor-color-primary:          var(--fik-navy);
  --tutor-color-primary-rgb:      19, 48, 93;
  --tutor-color-primary-hover:    var(--fik-navy-deep);
  --tutor-color-primary-fill:     var(--fik-navy);

  --tutor-color-secondary:        var(--fik-green);
  --tutor-color-secondary-rgb:    63, 157, 99;

  --tutor-color-success:          var(--fik-green);
  --tutor-color-success-rgb:      63, 157, 99;

  --tutor-body-color:             var(--fik-text);
  --tutor-color-black:            var(--fik-ink);
  --tutor-color-subdued:          var(--fik-muted);
  --tutor-color-muted:            var(--fik-muted);
  --tutor-border-color:           var(--fik-line);
  --tutor-color-gray:             var(--fik-bg-alt);

  --tutor-border-radius-6:        var(--fik-radius-sm);
  --tutor-border-radius-10:       var(--fik-radius);

  --tutor-font-family:            var(--fik-font-body);
}

/* Headings inside Tutor pages use the brand display face */
.tutor-page-wrap h1, .tutor-page-wrap h2, .tutor-page-wrap h3,
.tutor-course-details-page h1, .tutor-course-details-page h2,
.tutor-dashboard h1, .tutor-dashboard h2, .tutor-dashboard h3,
.tutor-course-name, .tutor-course-title {
  font-family: var(--fik-font-head);
  color: var(--fik-navy);
}

/* Buttons */
.tutor-btn.tutor-btn-primary {
  background-color: var(--fik-navy);
  border-color: var(--fik-navy);
  border-radius: var(--fik-radius-pill);
  font-family: var(--fik-font-head);
  font-weight: 600;
}
.tutor-btn.tutor-btn-primary:hover { background-color: var(--fik-navy-deep); border-color: var(--fik-navy-deep); }
.tutor-btn.tutor-btn-outline-primary {
  border-radius: var(--fik-radius-pill);
  border-color: var(--fik-navy); color: var(--fik-navy);
  font-family: var(--fik-font-head); font-weight: 600;
}
.tutor-btn.tutor-btn-outline-primary:hover { background-color: var(--fik-navy); color: #fff; }

/* Cards & panels */
.tutor-card { border-radius: var(--fik-radius); border-color: var(--fik-line); box-shadow: none; }
.tutor-card:hover { box-shadow: var(--fik-shadow); }

/* Student dashboard shell */
.tutor-dashboard-permalinks a { font-family: var(--fik-font-head); }
.tutor-dashboard-permalinks .tutor-dashboard-menu-item-link:hover,
.tutor-dashboard-permalinks .active > a { color: var(--fik-green-deep); }

/* Progress */
.tutor-progress-bar .tutor-progress-value,
.tutor-progress-bar-value { background-color: var(--fik-green); }

/* Course archive — we render our own cards, so hide Tutor's default loop
   styling collisions only where our wrapper is present. */
.fik-course-archive .tutor-course-listing { display: none; }