/* =====================================================
   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; }
}

/* ══════════════════════════════════════════════════
   v43 — Single Course page polish
══════════════════════════════════════════════════ */

/* Container max-width + side padding */
.tutor-container, .tutor-wrap, .tutor-single-course-wrap {
  max-width: 1200px !important;
  margin: 0 auto !important;
  padding-left: 24px !important;
  padding-right: 24px !important;
}

/* Hero — better breathing room */
.tutor-course-details-header,
.tutor-single-course-header {
  padding: 60px 0 80px !important;
}
.tutor-course-details-header .tutor-container,
.tutor-single-course-header .tutor-container {
  display: grid !important;
  grid-template-columns: 1fr 360px !important;
  gap: 50px !important;
  align-items: center !important;
}
@media (max-width: 900px) {
  .tutor-course-details-header .tutor-container,
  .tutor-single-course-header .tutor-container {
    grid-template-columns: 1fr !important;
    gap: 30px !important;
  }
}

/* Hero meta (instructor, students count, rating) — lighter */
.tutor-course-details-meta,
.tutor-course-meta-item {
  color: rgba(255,255,255,.7) !important;
  font-size: 13px !important;
}
.tutor-course-details-meta a,
.tutor-course-meta-item a {
  color: var(--teal) !important;
  text-decoration: none !important;
}

/* Course image / video preview in hero */
.tutor-course-thumbnail,
.tutor-course-video-block,
.tutor-course-details-video {
  border-radius: 14px !important;
  overflow: hidden !important;
  box-shadow: 0 20px 50px rgba(8,15,30,.4) !important;
  border: 1px solid rgba(26,175,200,.2) !important;
  aspect-ratio: 16/10 !important;
}
.tutor-course-thumbnail img,
.tutor-course-video-block img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

/* Body — 2-column with sidebar */
.tutor-course-details-content,
.tutor-single-course-content-area {
  display: grid !important;
  grid-template-columns: 1fr 340px !important;
  gap: 40px !important;
  align-items: flex-start !important;
  padding-top: 50px !important;
}
@media (max-width: 900px) {
  .tutor-course-details-content,
  .tutor-single-course-content-area {
    grid-template-columns: 1fr !important;
    gap: 30px !important;
  }
}

/* Sidebar sticky on desktop */
.tutor-course-details-sidebar,
.tutor-single-course-sidebar,
.tutor-course-sidebar {
  position: sticky !important;
  top: 100px !important;
  align-self: flex-start !important;
}
@media (max-width: 900px) {
  .tutor-course-details-sidebar,
  .tutor-single-course-sidebar { position: static !important; }
}

/* Price box (sidebar) — premium feel */
.tutor-course-purchase-box,
.tutor-course-pricing-box,
.tutor-single-course-pricing,
.tutor-course-price-block {
  background: #fff !important;
  border: 1px solid var(--border) !important;
  border-radius: 14px !important;
  padding: 24px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 8px 28px rgba(8,15,30,.06) !important;
}
.tutor-course-price,
.tutor-course-pricing,
.tutor-course-price-amount {
  font-size: 36px !important;
  font-weight: 900 !important;
  color: var(--navy) !important;
  line-height: 1 !important;
  margin-bottom: 16px !important;
}

/* Enroll/Buy button — prominent */
.tutor-btn-primary,
.tutor-course-enroll-btn,
.tutor-enroll-btn,
.tutor-loop-course-enroll-btn {
  background: var(--orange) !important;
  color: #fff !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  padding: 16px 24px !important;
  border-radius: 10px !important;
  clip-path: none !important;
  box-shadow: 0 8px 20px rgba(245,133,31,.35) !important;
  width: 100% !important;
  text-align: center !important;
  display: block !important;
  border: none !important;
  cursor: pointer !important;
  transition: all .15s !important;
  letter-spacing: .3px !important;
}
.tutor-btn-primary:hover,
.tutor-course-enroll-btn:hover,
.tutor-enroll-btn:hover {
  background: #d97217 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 12px 28px rgba(245,133,31,.4) !important;
}

/* Section spacing in body content */
.tutor-course-details-content > section,
.tutor-tab-content > section,
.tutor-course-detail-section {
  background: #fff !important;
  border: 1px solid var(--border) !important;
  border-radius: 14px !important;
  padding: 28px !important;
  margin-bottom: 20px !important;
  clip-path: none !important;
  box-shadow: 0 4px 18px rgba(8,15,30,.04) !important;
}
.tutor-course-details-content h2,
.tutor-course-details-content h3 {
  font-size: 22px !important;
  color: var(--navy) !important;
  margin: 0 0 16px !important;
  padding-bottom: 12px !important;
  border-bottom: 2px solid var(--teal) !important;
  display: inline-block !important;
}

/* Mobile: float enroll button to bottom */
@media (max-width: 900px) {
  .tutor-course-purchase-box,
  .tutor-course-pricing-box {
    position: fixed !important;
    bottom: 0; left: 0; right: 0;
    margin: 0 !important;
    border-radius: 14px 14px 0 0 !important;
    z-index: 999 !important;
    padding: 16px 20px !important;
    box-shadow: 0 -8px 24px rgba(8,15,30,.15) !important;
  }
  body.single-courses { padding-bottom: 140px !important; }
}

/* Course meta items — clean */
.tutor-course-includes h4 {
  font-size: 14px !important;
  text-transform: uppercase !important;
  letter-spacing: .5px !important;
  color: var(--teal) !important;
}

/* Curriculum lessons — better hierarchy */
.tutor-course-content-list {
  border-radius: 14px !important;
  overflow: hidden !important;
}
.tutor-course-content-list-header {
  background: var(--navy) !important;
  color: #fff !important;
  padding: 16px 20px !important;
}
.tutor-course-content-list-header h3 {
  color: #fff !important;
  border: none !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 16px !important;
}

/* Hide the broken "no rating" if 0 reviews */
.tutor-rating-empty,
.tutor-course-no-rating { display: none !important; }