/* ============================================================
   ELC Premium — Integrasi tema untuk Creator LMS.
   Menyamakan tampilan halaman kursus/pelajaran/checkout dengan
   brand ELC (navy #1A2B5F, emas #B19A6D, Playfair + Inter).
   ============================================================ */

:root {
  --clms-primary: var(--deep-navy, #1A2B5F);
  --clms-accent: var(--gold-accent, #B19A6D);
}

/* ---------- Tombol LMS ---------- */
.creator-lms-button,
.creatorlms-button,
.creator-lms-access-denied-button,
.creator-lms-offer-btn,
.clms-button,
.creator-lms-pro .button,
button.creator-lms-enroll,
a.creator-lms-enroll {
  background: var(--deep-navy, #1A2B5F) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 10px !important;
  font-family: var(--font-sans, "Inter", sans-serif) !important;
  font-weight: 600 !important;
  padding: 12px 28px !important;
  transition: background .25s, transform .25s !important;
  box-shadow: 0 8px 20px -10px rgba(26,43,95,.5) !important;
}
.creator-lms-button:hover,
.creatorlms-button:hover,
.creator-lms-access-denied-button:hover,
.creator-lms-offer-btn:hover,
.clms-button:hover,
button.creator-lms-enroll:hover,
a.creator-lms-enroll:hover {
  background: var(--gold-accent, #B19A6D) !important;
  color: var(--deep-navy, #1A2B5F) !important;
  transform: translateY(-2px);
}

/* ---------- Heading & teks ---------- */
.creator-lms-heading-color,
.creator-lms-pro h1, .creator-lms-pro h2, .creator-lms-pro h3,
.creatorlms h1, .creatorlms h2, .creatorlms h3,
.course-title, .lesson-title, .lp-course-title {
  font-family: var(--font-display, "Playfair Display", serif) !important;
  color: var(--deep-navy, #1A2B5F) !important;
}

/* ---------- Kartu kursus ---------- */
.creator-lms-course-card,
.creatorlms-course-card,
.course-card, .lp-course-item, .course-item,
.creator-lms-grid-item {
  background: #fff;
  border: 1px solid var(--outline-variant, #c5c6d3);
  border-radius: var(--radius, 14px);
  overflow: hidden;
  transition: transform .35s cubic-bezier(.2,.7,.3,1), box-shadow .35s, border-color .35s;
}
.creator-lms-course-card:hover,
.creatorlms-course-card:hover,
.course-card:hover, .lp-course-item:hover, .course-item:hover,
.creator-lms-grid-item:hover {
  transform: translateY(-6px);
  box-shadow: 0 18px 40px -16px rgba(26,43,95,.28);
  border-color: rgba(177,154,109,.4);
}

/* ---------- Progress bar pelajaran ---------- */
.creator-lms-progress-bar > span,
.creatorlms-progress > span,
.lp-course-progress .progress-bg .progress-active {
  background: var(--gold-accent, #B19A6D) !important;
}

/* ---------- Harga ---------- */
.creator-lms-price, .creatorlms-price, .course-price, .lp-course-price {
  color: var(--gold-accent, #B19A6D) !important;
  font-family: var(--font-display, serif) !important;
  font-weight: 700 !important;
}

/* ---------- Checkout ---------- */
.creator-lms-checkout-order-review-table,
.creator-lms-thankyou-table-wrapper {
  border: 1px solid var(--outline-variant, #c5c6d3);
  border-radius: 12px;
  overflow: hidden;
  font-family: var(--font-sans, "Inter", sans-serif);
}
.creator-lms-order-summary-title,
.subscription-info h2, .subscription-info h3 {
  font-family: var(--font-display, serif) !important;
  color: var(--deep-navy, #1A2B5F) !important;
}
.subscription-status {
  display: inline-block;
  padding: 3px 12px;
  border-radius: 20px;
  background: rgba(177,154,109,.15);
  color: var(--gold-accent, #B19A6D);
  font-weight: 600;
  font-size: 12px;
}

/* ---------- Access denied modal ---------- */
.creator-lms-access-denied-modal-content,
.creator-lms-access-denied-inner {
  border-radius: 18px !important;
  border: 1px solid rgba(177,154,109,.3) !important;
  box-shadow: 0 30px 80px -20px rgba(0,0,0,.4) !important;
}
.creator-lms-access-denied-title {
  font-family: var(--font-display, serif) !important;
  color: var(--deep-navy, #1A2B5F) !important;
}
.creator-lms-access-denied-description {
  font-family: var(--font-body, sans-serif) !important;
  color: var(--slate-gray, #4A5568) !important;
}

/* ---------- Form field LMS ---------- */
.creator-lms-pro input[type=text],
.creator-lms-pro input[type=email],
.creator-lms-pro input[type=password],
.creator-lms-pro select,
.creator-lms-pro textarea,
.creatorlms input[type=text],
.creatorlms input[type=email] {
  border: 1px solid var(--outline-variant, #c5c6d3) !important;
  border-radius: 10px !important;
  padding: 12px 14px !important;
  font-family: var(--font-body, sans-serif) !important;
}
.creator-lms-pro input:focus,
.creatorlms input:focus {
  outline: none !important;
  border-color: var(--gold-accent, #B19A6D) !important;
}

/* ---------- Tab/navigasi kursus ---------- */
.creator-lms-tabs .active, .creatorlms-tabs .active,
.lp-course-tab.active {
  border-bottom: 2px solid var(--gold-accent, #B19A6D) !important;
  color: var(--deep-navy, #1A2B5F) !important;
}

/* ---------- Mobile ---------- */
@media (max-width: 768px) {
  .creator-lms-course-grid, .creatorlms-course-grid, .lp-courses { grid-template-columns: 1fr !important; }
}