/*
 * Ficha de curso (MasterStudy LMS, post type stm-courses).
 *
 * Portada del curso en formato 3:4 (vertical).
 *
 * La portada la imprime components/course/thumbnail.php del plugin como
 * <img class="masterstudy-single-course-thumbnail">. El video de vista previa
 * sale por components/course/video.php con clases distintas
 * (.masterstudy-single-course-video__*), así que estas reglas no lo tocan.
 *
 * Cada estilo de página de curso trae su propia altura para la portada
 * (assets/css/course/*.css del plugin PRO), y todas la recortan: 190px en
 * Industrial (slug 'modern'), 210px en los dos de sidebar, 350-430px de
 * max-height en el resto, más otro juego de alturas en el breakpoint móvil.
 *
 * Se listan los contenedores uno a uno en vez de usar la clase de la imagen a
 * secas para dejar fuera 'full-width' ("Bold with Full Width Cover"), donde la
 * portada no es una tarjeta sino un banner de fondo en position:absolute a
 * 500px de alto: forzarle 3:4 lo desbordaría sobre el resto de la página.
 *
 * El !important es necesario porque el CSS del plugin se encola durante el
 * render (después de este archivo) y usa la misma especificidad; no se puede
 * resolver con una dependencia de wp_enqueue_style porque el handle depende del
 * estilo activo y aún no existe en wp_enqueue_scripts.
 */
.masterstudy-single-course-classic img.masterstudy-single-course-thumbnail,
.masterstudy-single-course-modern img.masterstudy-single-course-thumbnail,
.masterstudy-single-course-modern-curriculum
  img.masterstudy-single-course-thumbnail,
.masterstudy-single-course-timeless img.masterstudy-single-course-thumbnail,
.masterstudy-single-course-minimalistic img.masterstudy-single-course-thumbnail,
.masterstudy-single-course-dynamic img.masterstudy-single-course-thumbnail,
.masterstudy-single-course-dynamic-sidebar
  img.masterstudy-single-course-thumbnail,
.masterstudy-single-course-sleek-sidebar
  img.masterstudy-single-course-thumbnail {
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  aspect-ratio: 3 / 4;
  object-fit: cover;
  object-position: center;
}

/* Change default background color of first section */
.masterstudy-single-course-modern__topbar::before {
  background-color: var(--old-stone) !important;
}

.masterstudy-single-course-excerpt__more {
  color: var(--kilimanjaro) !important;
}

.masterstudy-single-course-excerpt__more:hover {
  color: var(--kilimanjaro) !important;
}