/* =====================================================
   indigital × Tutor LMS — Light Theme v6
   Cream/white course pages matching brand colors
   ===================================================== */

body *,
.tutor-wrap *,
.single-courses * {
  font-family: 'Noto Sans Hebrew', sans-serif !important;
  font-style: normal !important;
}

/* ── Page background — LIGHT ── */
body.single-courses,
.single-courses #page,
.single-courses #content,
.single-courses .site-content {
  background: var(--cream) !important;
}
.tutor-single-course-wrap,
.tutor-course-content-wrap,
.tutor-wrap { background: transparent !important; }

/* ── COURSE HERO — light navy → cream diagonal ── */
.tutor-course-details-header,
.tutor-single-course-header {
  background: var(--navy) !important;
  padding: 90px 0 56px !important;
  position: relative !important;
  overflow: hidden !important;
}
.tutor-course-details-header::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important; right: 0 !important;
  width: 400px !important; height: 400px !important;
  background: rgba(26,175,200,.06) !important;
  clip-path: polygon(30% 0%, 100% 0%, 100% 100%, 0% 60%) !important;
  pointer-events: none !important;
}
.tutor-course-details-header::after {
  content: '' !important;
  position: absolute !important;
  bottom: 0 !important; left: 0 !important; right: 0 !important;
  height: 60px !important;
  background: var(--cream) !important;
  clip-path: polygon(0 55%, 100% 0%, 100% 100%, 0% 100%) !important;
}
.tutor-course-details-title,
.tutor-course-title { color: var(--white) !important; font-size: clamp(24px,4vw,44px) !important; font-weight: 900 !important; line-height: 1.2 !important; }
.tutor-course-categories a {
  background: rgba(26,175,200,.15) !important; color: var(--teal) !important;
  border: 1px solid rgba(26,175,200,.25) !important; font-size: 11px !important;
  font-weight: 700 !important; letter-spacing: .07em !important; text-transform: uppercase !important;
  padding: 4px 12px !important; border-radius: 0 !important;
  clip-path: polygon(6px 0%, 100% 0%, calc(100% - 6px) 100%, 0% 100%) !important;
  text-decoration: none !important;
}
.tutor-star-rating-group .tutor-icon-star-full { color: var(--orange) !important; }
.tutor-course-rating .tutor-rating-count { color: rgba(255,255,255,.55) !important; }

/* ── BODY CONTENT AREA — cream background ── */
.tutor-course-details-body,
.tutor-single-course-content-area,
.tutor-course-details-content,
.tutor-tab-content-area {
  background: var(--cream) !important;
  padding-top: 40px !important;
}

/* ── TABS — on cream ── */
.tutor-course-details-tab,
.tutor-nav-tab-wrapper {
  background: var(--white) !important;
  border-bottom: 2px solid var(--border) !important;
  box-shadow: 0 2px 12px rgba(8,15,30,.07) !important;
}
.tutor-nav-tab, .tutor-course-nav-tab {
  background: transparent !important;
  color: var(--text-2) !important;
  font-size: 14px !important; font-weight: 600 !important;
  padding: 16px 24px !important;
  border: none !important;
  border-bottom: 3px solid transparent !important;
  border-radius: 0 !important;
  transition: all .2s !important;
}
.tutor-nav-tab:hover { color: var(--navy) !important; border-bottom-color: rgba(26,175,200,.4) !important; background: rgba(26,175,200,.04) !important; }
.tutor-nav-tab.is-active, .tutor-nav-tab.tutor-is-active {
  color: var(--teal) !important;
  border-bottom-color: var(--teal) !important;
  background: rgba(26,175,200,.05) !important;
}

/* ── TAB CONTENT — white panels ── */
.tutor-tab-content, .tutor-course-tab-content { background: transparent !important; padding: 40px 0 !important; }
.tutor-tab-content p, .tutor-course-description p { font-size: 15px !important; line-height: 1.85 !important; color: var(--text-2) !important; font-weight: 300 !important; margin-bottom: 16px !important; }
.tutor-tab-content h2, .tutor-tab-content h3, .tutor-course-description h2 { color: var(--navy) !important; font-weight: 700 !important; margin: 28px 0 12px !important; }
.tutor-tab-content ul li, .tutor-course-description ul li { color: var(--text-2) !important; font-size: 15px !important; line-height: 1.75 !important; font-weight: 300 !important; margin-bottom: 8px !important; }
.tutor-tab-content ul li::before, .tutor-course-description ul li::before { content: '✓' !important; color: var(--teal) !important; font-weight: 700 !important; margin-left: 8px !important; }

/* ── COURSE IMAGE ── */
.tutor-course-thumbnail img { width: 100% !important; height: auto !important; display: block !important; clip-path: polygon(0% 0%, calc(100% - 16px) 0%, 100% 16px, 100% 100%, 0% 100%) !important; }

/* ── SIDEBAR CARDS — white on cream ── */
.tutor-single-course-sidebar .tutor-card,
.tutor-course-sidebar .tutor-card,
.tutor-sidebar-card,
.tutor-widget,
.tutor-course-progress {
  background: var(--white) !important;
  border: 1px solid var(--border) !important;
  clip-path: polygon(0% 0%, calc(100% - 16px) 0%, 100% 16px, 100% 100%, 16px 100%, 0% calc(100% - 16px)) !important;
  padding: 24px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 20px rgba(8,15,30,.07) !important;
}

/* ── PROGRESS BAR ── */
.tutor-progress-bar, .tutor-course-progress-bar { background: var(--border) !important; height: 6px !important; border-radius: 0 !important; margin: 12px 0 !important; }
[class*="progress-bar"] > div, [class*="progress-bar"] > span { background: var(--teal) !important; height: 100% !important; }
.tutor-progress-stats { color: var(--text-2) !important; font-size: 13px !important; }

/* ── BUTTONS ── */
.tutor-btn-primary, .tutor-course-enroll-btn,
button.tutor-btn-primary, a.tutor-btn-primary, .tutor-enroll-btn {
  background: var(--orange) !important; color: var(--white) !important;
  font-size: 15px !important; font-weight: 700 !important;
  padding: 14px 28px !important; border: none !important;
  clip-path: polygon(10px 0%, 100% 0%, calc(100% - 10px) 100%, 0% 100%) !important;
  border-radius: 0 !important; width: 100% !important;
  text-align: center !important; display: block !important;
  box-shadow: 0 4px 16px rgba(245,133,31,.3) !important;
  cursor: pointer !important; transition: background .2s !important;
}
.tutor-btn-primary:hover { background: var(--orange-d) !important; }
.tutor-complete-course-btn, #tutor-complete-course-btn {
  background: var(--teal) !important; color: var(--white) !important;
  font-weight: 700 !important; font-size: 15px !important;
  clip-path: polygon(10px 0%, 100% 0%, calc(100% - 10px) 100%, 0% 100%) !important;
  border: none !important; border-radius: 0 !important;
  padding: 14px 28px !important; width: 100% !important; cursor: pointer !important;
}

/* ── META INCLUDES BOX ── */
.tutor-course-includes, .tutor-course-metadata {
  background: var(--white) !important;
  clip-path: polygon(0% 0%, calc(100% - 16px) 0%, 100% 16px, 100% 100%, 16px 100%, 0% calc(100% - 16px)) !important;
  padding: 22px 24px !important; margin-bottom: 20px !important;
  border: 1px solid var(--border) !important;
}
.tutor-course-includes h4 { color: var(--navy) !important; font-size: 15px !important; font-weight: 700 !important; margin-bottom: 14px !important; padding-bottom: 10px !important; border-bottom: 1px solid var(--border) !important; }
.tutor-course-includes li { font-size: 13px !important; color: var(--text-2) !important; display: flex !important; align-items: center !important; justify-content: space-between !important; padding: 7px 0 !important; border-bottom: 1px solid var(--border) !important; }
.tutor-course-includes li:last-child { border-bottom: none !important; }
.tutor-course-includes li .tutor-icon { color: var(--teal) !important; }

/* ── INSTRUCTOR ── */
.tutor-course-author, .tutor-single-instructor-area {
  background: var(--white) !important;
  clip-path: polygon(0% 0%, calc(100% - 16px) 0%, 100% 16px, 100% 100%, 16px 100%, 0% calc(100% - 16px)) !important;
  padding: 20px 24px !important; border: 1px solid var(--border) !important;
  display: flex !important; align-items: center !important; gap: 14px !important; margin-bottom: 20px !important;
}
.tutor-instructor-name, .tutor-course-author-name { color: var(--navy) !important; font-size: 15px !important; font-weight: 700 !important; }
.tutor-instructor-label { font-size: 11px !important; color: var(--teal) !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: .07em !important; }
.tutor-instructor-avatar img { width: 52px !important; height: 52px !important; border-radius: 50% !important; border: 2px solid var(--teal-mid) !important; object-fit: cover !important; }

/* ── CURRICULUM ── */
.tutor-course-content-list, .tutor-course-curriculum {
  background: var(--white) !important; border: 1px solid var(--border) !important;
  border-radius: 0 !important; overflow: hidden !important; margin-bottom: 20px !important;
}
.tutor-course-content-list-header, .tutor-curriculum-header {
  background: var(--teal-pale) !important;
  border-bottom: 1px solid var(--teal-mid) !important;
  padding: 14px 20px !important;
}
.tutor-course-content-list-header h3 { color: var(--navy) !important; font-size: 14px !important; font-weight: 700 !important; }
.tutor-course-content-list-header span { color: var(--text-2) !important; font-size: 12px !important; }
.tutor-course-content-list-item, .tutor-curriculum-item {
  border-bottom: 1px solid var(--border) !important;
  padding: 12px 20px !important;
  display: flex !important; align-items: center !important; gap: 12px !important;
  transition: background .15s !important; cursor: pointer !important;
}
.tutor-course-content-list-item:hover { background: var(--teal-pale) !important; }
.tutor-course-content-list-item:last-child { border-bottom: none !important; }
.tutor-curriculum-item-title { color: var(--text) !important; font-size: 14px !important; font-weight: 400 !important; flex: 1 !important; }
.tutor-curriculum-item-duration { color: var(--text-3) !important; font-size: 12px !important; }
.tutor-segment-header, .tutor-course-topic {
  background: var(--teal-pale) !important;
  border-right: 3px solid var(--teal) !important;
  padding: 10px 20px !important; color: var(--navy) !important;
  font-size: 13px !important; font-weight: 700 !important;
}

/* ── REVIEWS ── */
.tutor-review-card {
  background: var(--white) !important;
  border: 1px solid var(--border) !important;
  clip-path: polygon(0% 0%, calc(100% - 12px) 0%, 100% 12px, 100% 100%, 0% 100%) !important;
  padding: 20px !important; margin-bottom: 14px !important;
}
.tutor-reviewer-name { color: var(--navy) !important; font-size: 14px !important; font-weight: 700 !important; }
.tutor-review-text p { color: var(--text-2) !important; font-size: 14px !important; line-height: 1.75 !important; font-weight: 300 !important; }
.tutor-star-rating .tutor-icon-star-full { color: var(--orange) !important; }
.tutor-course-rating-box {
  background: var(--teal-pale) !important; border: 1px solid var(--teal-mid) !important;
  clip-path: polygon(0% 0%, calc(100% - 12px) 0%, 100% 12px, 100% 100%, 12px 100%, 0% calc(100% - 12px)) !important;
  padding: 24px !important; text-align: center !important; margin-bottom: 24px !important;
}
.tutor-rating-score { font-size: 48px !important; font-weight: 900 !important; color: var(--navy) !important; line-height: 1 !important; }

/* ── COURSE ARCHIVE / CARDS ── */
body.archive.tax-course-category,
body.post-type-archive-courses { background: var(--cream) !important; }
.tutor-course-card {
  background: var(--white) !important;
  border: 1px solid var(--border) !important;
  clip-path: polygon(0% 0%, calc(100% - 16px) 0%, 100% 16px, 100% 100%, 0% 100%) !important;
  overflow: hidden !important; transition: all .25s !important;
}
.tutor-course-card:hover { box-shadow: 0 12px 40px rgba(8,15,30,.1) !important; transform: translateY(-4px) !important; border-color: transparent !important; }
.tutor-course-card-title { color: var(--navy) !important; font-size: 17px !important; font-weight: 700 !important; }
.tutor-course-card-title a { color: inherit !important; }
.tutor-course-card-title a:hover { color: var(--teal) !important; }
.tutor-course-card-price { color: var(--orange) !important; font-size: 18px !important; font-weight: 900 !important; }

/* ── BADGES ── */
.tutor-course-level, .tutor-badge {
  background: var(--teal-light) !important; color: var(--teal-dd) !important;
  border: 1px solid var(--teal-mid) !important; font-size: 10px !important;
  font-weight: 700 !important; letter-spacing: .07em !important; text-transform: uppercase !important;
  padding: 3px 10px !important;
  clip-path: polygon(4px 0%, 100% 0%, calc(100% - 4px) 100%, 0% 100%) !important;
}

/* ── MISC ── */
.tutor-btn, .tutor-card, .tutor-panel { border-radius: 0 !important; }
.tutor-course-details-content a { color: var(--teal) !important; text-decoration: underline !important; }
.tutor-course-wishlist-btn { color: var(--text-3) !important; background: transparent !important; border: 1px solid var(--border) !important; transition: all .15s !important; }
.tutor-course-wishlist-btn:hover, .tutor-course-wishlist-btn.is-active { color: var(--orange) !important; border-color: rgba(245,133,31,.3) !important; }

@media (max-width: 768px) {
  .tutor-wrap { padding: 0 18px !important; }
}