/* === LMS Academic Child – Correcciones estructurales seguras === */

/* Evitar superposición del contenido sobre el header */
#masthead,
.site-header,
#site-header {
  position: relative !important;
  z-index: 9999 !important;
}

/* Evitar que el banner bloquee clics del menú móvil */
.hero-section.image,
.hero-banner,
.custom-header {
  position: relative !important;
  z-index: 1 !important;
  pointer-events: none !important;
}

/* Asegurar que el botón hamburguesa siempre responda */
.header-mobile .navbar-toggle,
.header-mobile .navbar-toggler,
#mobile-menu-toggle {
  pointer-events: auto !important;
  z-index: 10000 !important;
}

/* Ocultar bloques vacíos con color */
.hero-section.image .col-md-6:empty,
.header-top:empty {
  display: none !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
}

/* Restaurar visibilidad del logo e identidad del sitio */
.site-branding,
.custom-logo-link img,
.site-title,
.site-description {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  z-index: 10000 !important;
}

/* === Banner global debajo del encabezado === */
.global-header-banner {
  position: relative;
  width: 100%;
  overflow: hidden;
  z-index: 1;
}

.global-header-banner img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
  margin: 0;
  padding: 0;
  pointer-events: none; /* evita bloquear el menú móvil */
}

/* Ajuste opcional para que el banner no se pegue al contenido */
body:not(.home) .global-header-banner {
  margin-bottom: 10px;
}

.global-header-banner {
  margin-top: 0 !important;
  margin-bottom: 10px !important;
}

.global-header-banner img {
  max-height: 450px;
  object-fit: cover;
}

/* === Arreglo final: menú móvil bloqueado por banner === */

/* El banner NO debe recibir clics */
.global-header-banner {
  position: relative !important;
  z-index: 1 !important;
  pointer-events: none !important; /* no bloquea clics */
}

/* El menú móvil y el header deben estar por encima */
.header-mobile,
.site-header,
#masthead,
.navbar-collapse {
  position: relative !important;
  z-index: 9999 !important;
  pointer-events: auto !important;
}

/* Asegura que los enlaces dentro del menú sean clickeables */
.header-mobile a,
.site-header a,
.navbar-collapse a,
.menu a {
  pointer-events: auto !important;
}