/* =========================================
   TutorLMS — Layout fullscreen (tu theme)
   Aplica solo en páginas de curso
========================================= */

/* 0) Ocultar top-bar del theme */
body.single-courses .top-bar {
  display: none !important;
}

/* 1) Ocultar header/nav del theme (todas las variantes típicas) */
body.single-courses header,
body.single-courses .site-header,
body.single-courses #site-header,
body.single-courses #navbar,
body.single-courses .header {
  display: none !important;
}

/* 2) OCULTAR “FOOTER VISUAL” (tu Contact Section) */
body.single-courses #contact,
body.single-courses .contact-section {
  display: none !important;
}

/* 3) Ocultar footer real (todas las variantes) */
body.single-courses footer,
body.single-courses footer.footer,
body.single-courses .site-footer,
body.single-courses #site-footer,
body.single-courses .footer,
body.single-courses #footer {
  display: none !important;
}

/* 4) Quitar márgenes/padding típicos del theme en cursos */
body.single-courses {
  margin: 0 !important;
  padding: 0 !important;
}

/* 5) Asegurar que el layout del theme no meta “aire” arriba */
body.single-courses main,
body.single-courses #main,
body.single-courses .site-main,
body.single-courses .content-area,
body.single-courses .site-content,
body.single-courses .wrap,
body.single-courses .content,
body.single-courses .page-content {
  margin: 0 !important;
  padding: 0 !important;
}

/* 6) TutorLMS: permitir que el layout use todo el ancho */
body.single-courses .tutor-course-details-page.tutor-container {
  max-width: 100%;
  width: 100%;
  /*padding-left: 84px !important;
  padding-right: 84px !important;*/
  padding: 60px;
}

/* ================================
   Cabecera propia del curso
   (si la insertas en el template)
================================ */

/* El contenedor máximo */
body.single-courses .sbc-course-header-inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 20px 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* ✅ El enlace que envuelve logo + título: debe ser flex */
body.single-courses .sbc-course-home-link {
  display: inline-flex;
  /* o flex */
  align-items: center;
  gap: 16px;
  text-decoration: none;
  color: inherit;
}

/* Evita que el logo o el h1 metan saltos raros */
body.single-courses .sbc-course-logo {
  display: block;
  height: 42px;
  width: auto;
}

body.single-courses .sbc-course-title {
  margin: 0;
  line-height: 1;
  font-size: 1.4rem;
  font-weight: 700;
  color: #0f172a;
  letter-spacing: 0.3px;
}


/* Ocultar CTA del theme en páginas de curso TutorLMS */
body.single-courses .cta-section {
  display: none !important;
}

.tutor-course-single-btn-group {
  margin-bottom: 30px;
}

/* Ocultar "Total de inscritos" en TutorLMS */
li:has(.tutor-icon-mortarboard) {
  display: none !important;
}

/* Ocultar bloque "A course by" (instructores) solo en cursos */
body.single-courses .tutor-course-details-instructors {
  display: none !important;
}

/* Ocultar nivel del curso (Level: Intermediate, etc.) */
body.single-courses li:has(.tutor-icon-level) {
  display: none !important;
}

/* Limitar tamaño de la imagen principal del curso */
body.single-courses .tutor-course-thumbnail {
  max-width: 520px;
  margin: 0 auto 30px;
}

body.single-courses .tutor-course-thumbnail img {
  width: 100%;
  height: auto;
  max-height: 360px;
  object-fit: contain;
  display: block;
  border-radius: 12px;
}