/* =============================================================
   LEARNLLM.NL — TUTOR-COURSE.CSS
   Wordt ALLEEN geladen op Tutor LMS cursus-overzichtspagina's.
   Laden via functions.php met is_singular('courses')
   ============================================================= */


/* -----------------------------------------------------------------
   1. NAVIGATIETABS
----------------------------------------------------------------- */
.tutor-nav .tutor-nav-link {
  color: #2D3436 !important;
  border-bottom-color: transparent !important;
}

.tutor-nav .tutor-nav-link.is-active {
  color: #FF8066 !important;
  border-bottom-color: #FF8066 !important;
}

.tutor-nav .tutor-nav-link:hover {
  color: #FF8066 !important;
  border-bottom-color: #FF8066 !important;
}


/* -----------------------------------------------------------------
   2. CATEGORIE-LABEL
----------------------------------------------------------------- */
.tutor-meta a,
.tutor-course-details-info a,
.tutor-course-categories a,
a[href*="tutor-course-filter-category"] {
  color: #2D3436 !important;
  text-decoration: none !important;
}

.tutor-meta a:hover,
.tutor-course-details-info a:hover,
.tutor-course-categories a:hover,
a[href*="tutor-course-filter-category"]:hover {
  color: #FF8066 !important;
}


/* -----------------------------------------------------------------
   3. VERLANGLIJST / DELEN KNOPPEN
   Wishlist-icoon in de kaart: wit.
----------------------------------------------------------------- */
.tutor-course-details-actions .tutor-btn-ghost {
  color: #2D3436 !important;
  border: none !important;
  background: transparent !important;
  font-weight: 800 !important;
  box-shadow: none !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.tutor-course-details-actions .tutor-btn-ghost:hover {
  color: #FF8066 !important;
  background: transparent !important;
  transform: none !important;
  box-shadow: none !important;
}

a.tutor-course-wishlist-btn.tutor-iconic-btn,
a.tutor-course-wishlist-btn.tutor-iconic-btn * {
  color: #ffffff !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

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


/* -----------------------------------------------------------------
   4. INSTRUCTEUR-LINK
----------------------------------------------------------------- */
.tutor-course-details-instructors a.tutor-color-black,
.tutor-course-details-instructors a {
  color: #2D3436 !important;
  text-decoration: none !important;
}

.tutor-course-details-instructors a:hover {
  color: #FF8066 !important;
}


/* -----------------------------------------------------------------
   5. ALINEA-SPACING IN CURSUSOMSCHRIJVING
----------------------------------------------------------------- */
.tutor-fs-6.tutor-color-secondary p,
.tutor-course-details-content p {
  margin: 0 0 1.4em !important;
  line-height: 1.7 !important;
  color: rgba(0,0,0,0.82) !important;
}


/* -----------------------------------------------------------------
   6. ACCORDION — MODULE EN LES OVERZICHT
----------------------------------------------------------------- */
.tutor-accordion-item-header,
.tutor-accordion-item-header * {
  color: #2D3436 !important;
}

.tutor-accordion-item-header:hover,
.tutor-accordion-item-header:hover * {
  color: #FF8066 !important;
}

.tutor-accordion-item-header.is-active,
.tutor-accordion-item-header.is-active * {
  color: #2D3436 !important;
}

.tutor-accordion-item-body a,
.tutor-accordion-item-body .tutor-fs-7 {
  color: #2D3436 !important;
  text-decoration: none !important;
}

.tutor-accordion-item-body a:hover {
  color: #FF8066 !important;
}

.tutor-color-secondary,
.tutor-color-brand,
[class*="tutor-color-brand"],
[class*="tutor-color-secondary"] {
  color: #2D3436 !important;
}


/* -----------------------------------------------------------------
   7. TOOLTIP (module info-icoon)
----------------------------------------------------------------- */
.tooltip-txt {
  color: #ffffff !important;
  background: #2D3436 !important;
}

.tooltip-wrap:hover .tooltip-txt {
  color: #ffffff !important;
}


/* -----------------------------------------------------------------
   8. DEEL-MODAL — SOCIAL KNOPPEN EN KOPIEERKNOP
----------------------------------------------------------------- */
.tutor-social-share-wrap .tutor-share-btn,
.tutor-social-share-wrap button,
.tutor-social-share-wrap a {
  border-radius: 10px !important;
  border: none !important;
  font-weight: 800 !important;
  color: #ffffff !important;
  transition: opacity .15s ease, transform .15s ease !important;
  opacity: 0.88 !important;
}

.tutor-social-share-wrap .tutor-share-btn:hover,
.tutor-social-share-wrap button:hover,
.tutor-social-share-wrap a:hover {
  opacity: 1 !important;
  transform: translateY(-1px) !important;
}

.tutor-social-share-wrap [class*="facebook"],
.tutor-social-share-wrap [data-social="facebook"] { background: #1877F2 !important; }

.tutor-social-share-wrap [class*="twitter"],
.tutor-social-share-wrap [data-social="twitter"],
.tutor-social-share-wrap [class*="-x-"] { background: #000000 !important; }

.tutor-social-share-wrap [class*="linkedin"],
.tutor-social-share-wrap [data-social="linkedin"] { background: #0A66C2 !important; }

.tutor-social-share-wrap button:not([class*="facebook"]):not([class*="twitter"]):not([class*="linkedin"]):not([class*="-x-"]),
.tutor-social-share-wrap a:not([class*="facebook"]):not([class*="twitter"]):not([class*="linkedin"]) {
  background: rgba(0,0,0,0.08) !important;
  color: #2D3436 !important;
}

/* Kopieerknop */
button.tutro-btn-icon.tutor-copy-text {
  background: rgba(0,0,0,0.06) !important;
  color: #2D3436 !important;
  border: 1px solid rgba(0,0,0,0.12) !important;
  border-radius: 8px !important;
  width: 36px !important;
  height: 36px !important;
  max-width: 36px !important;
  max-height: 36px !important;
  min-width: unset !important;
  min-height: unset !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: none !important;
  position: static !important;
  flex-shrink: 0 !important;
}

button.tutro-btn-icon.tutor-copy-text:hover {
  background: rgba(255,128,102,0.10) !important;
  color: #FF8066 !important;
  border-color: rgba(255,128,102,0.25) !important;
}

.tutor-mb-32.tutor-position-relative {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

.tutor-mb-32.tutor-position-relative .tutor-form-control {
  flex: 1 !important;
}

/* Sluitkruis: coral */
.tutor-modal .tutor-modal-close-o {
  background: #FF8066 !important;
  color: #ffffff !important;
  border-radius: 999px !important;
  border: none !important;
}

.tutor-modal .tutor-modal-close-o:hover {
  background: #e06650 !important;
}


/* -----------------------------------------------------------------
   9. TOAST-NOTIFICATIE (gekopieerd-melding)
   Vervangt de blauwe Tutor LMS success-toast door een nette
   witte kaart met groene check en zwarte tekst.
----------------------------------------------------------------- */
.tutor-toast-parent .tutor-notification.tutor-is-success {
  background: #ffffff !important;
  border: 1px solid rgba(0,0,0,0.10) !important;
  border-radius: 14px !important;
  box-shadow: 0 10px 24px rgba(0,0,0,0.10) !important;
  color: #2D3436 !important;
}

.tutor-toast-parent .tutor-is-success .tutor-notification-content h5 {
  color: #2D3436 !important;
}

.tutor-toast-parent .tutor-is-success .tutor-notification-content p {
  color: rgba(0,0,0,0.65) !important;
  margin: 0 !important;
}

.tutor-toast-parent .tutor-is-success .tutor-notification-icon {
  color: #25A244 !important;
}

.tutor-notification-close {
  background: transparent !important;
  color: #2D3436 !important;
  border: none !important;
  box-shadow: none !important;
  opacity: 0.55 !important;
}

.tutor-notification-close:hover {
  opacity: 1 !important;
  color: #FF8066 !important;
}


/* -----------------------------------------------------------------
   10. THUMBNAIL ACHTERGROND
----------------------------------------------------------------- */
.tutor-course-details-featured-image,
.tutor-course-thumbnail {
  background-color: #2D3436 !important;
}


/* -----------------------------------------------------------------
   11. INSCHRIJF / KOOP KNOP IN DE SIDEBAR
----------------------------------------------------------------- */
.tutor-course-details-widget .tutor-btn-primary,
.tutor-course-details-widget .tutor-course-enroll-btn,
.tutor-course-details-widget button[type="submit"] {
  background-color: #FF8066 !important;
  border-color: #FF8066 !important;
  color: #ffffff !important;
  border-radius: 999px !important;
  font-weight: 700 !important;
  box-shadow: 0 6px 16px rgba(255,128,102,.20) !important;
  transition: transform .15s ease, box-shadow .15s ease !important;
}

.tutor-course-details-widget .tutor-btn-primary:hover,
.tutor-course-details-widget .tutor-course-enroll-btn:hover,
.tutor-course-details-widget button[type="submit"]:hover {
  transform: translateY(-1px) !important;
  box-shadow: 0 10px 22px rgba(255,128,102,.28) !important;
}