/**
 * 🎓 Tutor LMS Dark Theme — Fixed & Optimized
 * Last Update: 2025-11
 */

/* -------------------- 🧱 COURSE CARD (Archive) -------------------- */
.tutor-card.tutor-course-card {
  border: 1px solid rgba(255,255,255,0.1);
  transition: all 0.3s ease;
  border-radius: 16px;
  background: #111;
  color: #f5f5f5;
  padding: 12px;
  height: 100%;
}
.tutor-card.tutor-course-card:hover {
  border-color: #ffcc00 !important;
  box-shadow: 0 6px 18px rgba(255,204,0,0.15);
}

/* Wishlist icon */
.tutor-course-bookmark .tutor-course-wishlist-btn {
  position: absolute;
  top: 10px; right: 10px;
  z-index: 2;
  width: 36px; height: 36px;
  display: flex; align-items: center; justify-content: center;
  border-radius: 50%;
  background: #1a1a1a;
  border: 1px solid rgba(255,255,255,0.2);
  color: #ffcc00;
  transition: 0.3s;
}
.tutor-course-bookmark .tutor-course-wishlist-btn:hover {
  background: #ffcc00;
  color: #000;
}

/* Nội dung card */
.tutor-card-body .tutor-card-difficulty {
  padding: 4px 12px;
  border-radius: 8px;
  border: 1px solid rgba(255,204,0,0.3);
  background: rgba(255,204,0,0.1);
  color: #ffcc00;
  font-weight: 500;
  margin-bottom: 12px;
}
.tutor-card-body .tutor-course-name {
  font-size: 20px;
  color: #fff;
  margin-bottom: 12px;
  transition: 0.3s;
}
.tutor-card-body .tutor-course-name:hover {
  color: #ffcc00;
}

/* Meta & Footer */
.tutor-card-body .course__meta {
  padding: 8px 0;
  margin: 20px 0;
  border-top: 1px solid rgba(255,255,255,0.08);
  border-bottom: 1px solid rgba(255,255,255,0.08);
  color: #ccc;
}
.tutor-card-footer .tutor-btn {
  width: 100%;
  background: #ffcc00;
  color: #000;
  border-radius: 8px;
  font-weight: 600;
  border: 1px solid #ffcc00;
  transition: 0.3s;
}
.tutor-card-footer .tutor-btn:hover {
  background: #ffaa00;
}

/* Sidebar filter */
.tutor-course-filter-container {
  background: #111;
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 12px;
  color: #f5f5f5;
  padding: 20px;
}

/* -------------------- 📘 SINGLE COURSE -------------------- */
.single-courses .tutor-course-details-page {
  background: #0c0c0c;
  color: #f5f5f5;
}

/* Header */
.tutor-header-full-width {
  padding: 100px 0 60px;
  background: #0a0a0a;
  text-align: center;
}
.tutor-header-full-width .tutor-course-details-title {
  color: #fff;
  font-weight: 700;
}
.tutor-header-full-width .tutor-meta {
  display: inline-block;
  background: #ffcc00;
  color: #000;
  border-radius: 8px;
  padding: 6px 14px;
  font-weight: 600;
}

/* Tabs Fixed (Giới thiệu / Đánh giá / Hỏi đáp / Thông báo) */
.tutor-nav {
  background: #111;
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 60px;
  padding: 10px;
  display: flex;
  justify-content: center;
  gap: 12px;
}
.tutor-nav .tutor-nav-item .tutor-nav-link {
  background: #111;
  color: #f5f5f5;
  border: 1px solid rgba(255,255,255,0.1);
  border-radius: 8px;
  transition: 0.3s;
}
.tutor-nav .tutor-nav-item .tutor-nav-link:hover {
  background: #191919;
  color: #ffcc00;
}
.tutor-nav .tutor-nav-item .tutor-nav-link.is-active {
  background: #ffcc00;
  color: #000;
  border-color: #ffcc00;
}

/* Content */
.tutor-course-details-content {
  background: #0c0c0c;
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 12px;
  padding: 24px;
}
.tutor-course-details-content * {
  color: #f5f5f5 !important;
}

/* -------------------- 📚 SIDEBAR (Widgets) -------------------- */
.tutor-single-course-sidebar {
  background: #111 !important;
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 12px;
  color: #f5f5f5 !important;
  padding: 20px;
}
.tutor-single-course-sidebar .tutor-widget-title {
  color: #ffcc00 !important;
  border-bottom: 1px solid rgba(255,255,255,0.1);
  margin-bottom: 12px;
}
.tutor-single-course-sidebar ul li a {
  color: #ccc !important;
  transition: 0.3s;
}
.tutor-single-course-sidebar ul li a:hover {
  color: #ffcc00 !important;
}
.tutor-single-course-sidebar i, 
.tutor-single-course-sidebar svg {
  color: #ffcc00 !important;
  fill: #ffcc00 !important;
}

/* -------------------- 📘 ACCORDION (Nội dung khóa học) -------------------- */
.tutor-course-content-list,
.tutor-accordion-item,
.tutor-accordion-item-header,
.tutor-accordion-item-body {
  background: #111 !important;
  color: #f5f5f5 !important;
  border-color: rgba(255,255,255,0.08) !important;
}
.tutor-accordion-item-header {
  color: #ffcc00 !important;
  font-weight: 600;
  border: 1px solid rgba(255,255,255,0.1);
}
.tutor-accordion-item.is-active .tutor-accordion-item-header {
  background: #1a1a1a !important;
}
.tutor-course-content-list-item {
  background: #0c0c0c !important;
  border-top: 1px solid rgba(255,255,255,0.06);
}
.tutor-course-content-list-item:hover {
  background: #1a1a1a !important;
}
.tutor-course-content-list-item-title a {
  color: #f5f5f5 !important;
}
.tutor-course-content-list-item-title a:hover {
  color: #ffcc00 !important;
}
.tutor-course-content-list-item svg,
.tutor-course-content-list-item i {
  color: #ffcc00 !important;
  fill: #ffcc00 !important;
}

/* -------------------- 🎧 LESSON PLAYER -------------------- */
.tutor-lesson-sidebar,
.tutor-lesson-sidebar * {
  background: #0c0c0c !important;
  color: #f5f5f5 !important;
}
.tutor-lesson-sidebar .tutor-lesson-items li {
  background: #111;
  border-color: rgba(255,255,255,0.1);
}
.tutor-lesson-sidebar .tutor-lesson-items li.active {
  background: #1a1a1a;
}


/* ==========================================
   🎯 FIX: MÀU CHỮ KHÔNG HIỂN THỊ KHI HOVER
   ========================================== */

/* Chữ trong nội dung khóa học */
.tutor-course-details-content,
.tutor-course-details-content * {
  color: #f5f5f5 !important;
}

/* Các đoạn text bị lem sáng */
.tutor-course-details-content p,
.tutor-course-details-content li,
.tutor-course-details-content span {
  color: #e0e0e0 !important;
}

/* Chữ trong bullet list (fix bị trắng mờ) */
.tutor-course-details-content ul li::marker {
  color: #ffcc00 !important;
}

/* ==========================================
   🎯 FIX: NỀN Ô TRẮNG (TRONG TAB GIỚI THIỆU)
   ========================================== */
.tutor-course-details-content .tutor-course-details-tab,
.tutor-course-details-content .tab-content,
.tutor-course-details-page .tutor-course-details-content,
.tutor-accordion-item-body {
  background: #0c0c0c !important;
  border-color: rgba(255,255,255,0.06) !important;
}

/* ==========================================
   🎯 FIX: MÀU CHỮ HOVER TRONG CARD & LINK
   ========================================== */
.tutor-card.tutor-course-card a:hover,
.tutor-course-content-list-item-title a:hover,
.tutor-course-details-content a:hover {
  color: #ffcc00 !important;
  transition: 0.3s ease;
}

/* ==========================================
   🎯 FIX: NỀN TAB ACTIVE (GIỚI THIỆU/ĐÁNH GIÁ)
   ========================================== */
.tutor-nav .tutor-nav-item .tutor-nav-link.is-active {
  background: #ffcc00 !important;
  color: #000 !important;
}

/* ==========================================
   🎯 FIX: VÙNG NỀN TRẮNG SAU ẢNH HOẶC SIDEBAR
   ========================================== */
.tutor-single-course-sidebar,
.tutor-single-course-sidebar * {
  background: #111 !important;
  color: #f5f5f5 !important;
  border-color: rgba(255,255,255,0.05) !important;
}
/* ==========================================
   🎯 FIX: MÀU CHỮ NÚT NGOÀI TRANG KHÓA HỌC
   ========================================== */

/* Nút vàng ngoài trang archive (ví dụ: Bắt đầu học / Xem giỏ hàng) */
.tutor-btn,
.tutor-btn.tutor-btn-outline-primary,
.tutor-btn.tutor-btn-md,
.tutor-btn.tutor-btn-block,
.tutor-course-card .tutor-btn {
  color: #000 !important;          /* chữ đen rõ */
  font-weight: 600;
  background: #ffcc00 !important;  /* giữ màu vàng */
  border-color: #ffcc00 !important;
  transition: 0.3s ease;
}

/* Hover */
.tutor-btn:hover,
.tutor-course-card .tutor-btn:hover {
  background: #ffaa00 !important;
  border-color: #ffaa00 !important;
  color: #000 !important;
}