/*
 Theme Name: Edumall Child
 Template: edumall
*/
/* --- Corregge immagine del box corso: sempre intera (no tagli) --- */

/* Contenitore thumbnail: forziamo un rapporto e un “canvas” neutro */
.tutor-single-course-sidebar .tutor-course-enroll-box .tutor-course-thumbnail,
.tutor-single-course-sidebar .tutor-course-enroll-box .course-thumbnail,
.tutor-single-course-sidebar .tutor-course-enroll-box .tm-course-thumbnail,
.tutor-course-thumbnail {
  aspect-ratio: 16/9;       /* puoi cambiare (es. 4/3) se preferisci */
  background: #f6f7fb;
  position: relative;
  overflow: hidden;
}

/* L’immagine si adatta senza taglio */
.tutor-single-course-sidebar .tutor-course-enroll-box .tutor-course-thumbnail img,
.tutor-single-course-sidebar .tutor-course-enroll-box .course-thumbnail img,
.tutor-single-course-sidebar .tutor-course-enroll-box .tm-course-thumbnail img,
.tutor-course-thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: contain !important;  /* <- niente crop */
  object-position: center center;
  display: block;
}

/* Se il tema impone il crop con “cover”, annullalo ovunque */
img.tutor-course-thumbnail,
.tutor-course-thumbnail img,
.tutor-course-header .course-thumbnail img {
  object-fit: contain !important;
}

/* === Ombra sotto l'header (child) === */

/* evita che il tema tagli l’ombra */
.header-wrap,
.tm-header { overflow: visible !important; }

/* header posizionato e sopra ai contenuti */
.tm-header {
  position: relative !important;
  z-index: 1000 !important;
}

/* la barra-ombra che abbiamo inserito nel markup */
.tm-header .smn-header-shadow {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;           /* appena sotto il bordo dell'header */
  height: 1px;            /* l’ombra si proietta verso il basso */
  box-shadow: 0 18px 36px rgba(2,12,36,.20);
  pointer-events: none;
}

/* ombra un po’ più intensa quando l’header diventa sticky */
.is-sticky .tm-header .smn-header-shadow,
.header-sticky .tm-header .smn-header-shadow {
  box-shadow: 0 22px 44px rgba(2,12,36,.25);
}

/* se l’header è trasparente, dagli un fondo chiaro per vedere l’ombra */
.header-transparent .tm-header {
  background: #fff !important;
}