/* Hakuna Extras
   Home: el banner/hero debe empezar por debajo del header, sin solaparse.

   En COMPI el header es `position: fixed` y el `main` tiene `padding-top: 60px`.
   En portada preferimos `position: sticky` para que:
   - al cargar (sin scroll) el hero quede justo debajo del header, sin espacios raros,
   - al hacer scroll el header se quede fijo arriba.
*/

body.home header.site-header,
body.front-page header.site-header,
body.page-template-page_agenda header.site-header {
  position: sticky !important;
}

/* Con header sticky ya no necesitamos el padding de compensacion del theme. */
body.home main.site-main,
body.front-page main.site-main,
body.page-template-page_agenda main.site-main {
  padding-top: 0 !important;
}

/* Avoid edge cases where the first full-width cover might still appear tight on some browsers. */
body.home main.site-main .wp-block-cover.alignfull:first-child,
body.front-page main.site-main .wp-block-cover.alignfull:first-child,
body.page-template-page_agenda main.site-main .wp-block-cover.alignfull:first-child {
  margin-top: 0 !important;
}

/*
  Mobile fallback:
  `position: sticky` del header falla en algunos navegadores móviles cuando hay
  contenedores con overflow. En móvil usamos fixed para asegurar comportamiento sticky.
*/
@media (max-width: 1023px) {
  body.home header.site-header,
  body.front-page header.site-header,
  body.page-template-page_agenda header.site-header {
    position: fixed !important;
  }

  body.home main.site-main,
  body.front-page main.site-main,
  body.page-template-page_agenda main.site-main {
    padding-top: var(--hk-site-header-height, 60px) !important;
  }
}