/* =============================================================
   LEARNLLM.NL — TUTOR-ARCHIVE.CSS
   Wordt geladen op de Tutor LMS cursus-archiefpagina én
   de instructeur-profielpagina.
   Laden via functions.php met is_post_type_archive('courses')
   én tutor_is_profile_page() / is_page('profile')
   ============================================================= */


/* -----------------------------------------------------------------
   1. CURSUSNAAM IN KAART
----------------------------------------------------------------- */
.tutor-course-card .tutor-course-name a,
.tutor-card .tutor-course-name a,
h3.tutor-course-name a {
  color: #2D3436 !important;
  text-decoration: none !important;
}

.tutor-course-card .tutor-course-name a:hover,
.tutor-card .tutor-course-name a:hover,
h3.tutor-course-name a:hover {
  color: #FF8066 !important;
}


/* -----------------------------------------------------------------
   2. META-ICONEN EN META-LINKS IN KAART
   .tutor-meta-icon (klok, gebruiker etc.): coral.
   Auteur- en categorielinks: zwart, coral bij hover.
----------------------------------------------------------------- */
.tutor-meta-icon,
.tutor-icon-clock-line.tutor-meta-icon,
.tutor-meta .tutor-meta-icon {
  color: #FF8066 !important;
}

.tutor-card-body .tutor-meta a,
.tutor-course-card .tutor-meta a {
  color: #2D3436 !important;
  text-decoration: none !important;
}

.tutor-card-body .tutor-meta a:hover,
.tutor-course-card .tutor-meta a:hover {
  color: #FF8066 !important;
}


/* -----------------------------------------------------------------
   3. WISHLIST / BOOKMARK ICOON OP DE KAART
   .tutor-course-bookmark → wit icoon zodat het zichtbaar is
   op de blauwe thumbnail-achtergrond.
----------------------------------------------------------------- */
.tutor-course-bookmark a,
.tutor-course-bookmark a *,
a.tutor-course-wishlist-btn,
a.tutor-course-wishlist-btn * {
  color: #ffffff !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

.tutor-course-bookmark a:hover,
a.tutor-course-wishlist-btn:hover,
a.tutor-course-wishlist-btn:hover * {
  color: #FF8066 !important;
}


/* -----------------------------------------------------------------
   4. KNOPPEN IN KAART
   Coral outline → coral filled bij hover.
----------------------------------------------------------------- */
.tutor-card-footer .tutor-btn-outline-primary,
.list-item-button .tutor-btn-outline-primary,
.tutor-card-footer .tutor-btn-block,
.list-item-button .tutor-btn-block {
  background: transparent !important;
  color: #FF8066 !important;
  border: 2px solid #FF8066 !important;
  border-radius: 999px !important;
  font-weight: 700 !important;
  padding: 10px 20px !important;
  text-align: center !important;
  display: block !important;
  width: 100% !important;
  box-sizing: border-box !important;
  transition: background .15s ease, color .15s ease, box-shadow .15s ease !important;
  box-shadow: none !important;
}

.tutor-card-footer .tutor-btn-outline-primary:hover,
.list-item-button .tutor-btn-outline-primary:hover,
.tutor-card-footer .tutor-btn-block:hover,
.list-item-button .tutor-btn-block:hover {
  background: #FF8066 !important;
  color: #ffffff !important;
  box-shadow: 0 6px 16px rgba(255,128,102,.20) !important;
}


/* -----------------------------------------------------------------
   5. KAART BASISSTIJL
----------------------------------------------------------------- */
.tutor-course-card,
.tutor-card.tutor-course-card {
  background: #ffffff !important;
  border: 1px solid rgba(0,0,0,0.08) !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  box-shadow: 0 4px 12px rgba(0,0,0,0.04) !important;
  transition: transform .14s ease, box-shadow .14s ease, border-color .14s ease !important;
}

.tutor-course-card:hover,
.tutor-card.tutor-course-card:hover {
  transform: translateY(-2px) !important;
  border-color: rgba(0,0,0,0.12) !important;
  box-shadow: 0 10px 24px rgba(0,0,0,0.08) !important;
}