/**
 * kohen-header-overrides.css
 * Forzar header fijo en la parte superior, full width, contenido a 1140px max.
 * Necesario porque Elementor pone position:absolute via JS y como ese JS no carga
 * en el static (litespeed bundles 404), el header queda mal posicionado.
 */

/* Header fijo en la parte superior, ancho completo, encima de todo */
.elementor-location-header {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  z-index: 9999 !important;
  background: #38AB35 !important; /* Verde Kohen brand */
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
}

/* Anular el position:absolute que Elementor aplicaba al header outer */
.elementor-location-header > header,
.elementor-location-header > header.elementor-element {
  position: static !important;
  width: 100% !important;
  background: transparent !important;
  padding: 0 !important;
}

/* Inner row: confinar a 1140px, centrar vertical y permitir background full-width detras */
.elementor-location-header .e-con-inner {
  max-width: 1140px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 16px;
  padding-right: 16px;
  box-sizing: border-box;
  display: flex !important;
  align-items: center !important;
  min-height: 90px;
}

/* Centrar verticalmente todos los hijos directos (logo, menu, CTA) */
.elementor-location-header .e-con-inner > .e-con,
.elementor-location-header .e-con-inner > .elementor-element {
  align-self: center !important;
}

@media (max-width: 768px) {
  .elementor-location-header .e-con-inner {
    min-height: 70px;
  }
}

/* Compensar la altura del header fijo (~90px en desktop, ~70px en mobile) */
body {
  padding-top: 90px !important;
}

@media (max-width: 768px) {
  body {
    padding-top: 70px !important;
  }
}

/* Si la pagina tenia margenes negativos para compensar el header absolute, neutralizarlos */
.site-main,
main.site-main {
  margin-top: 0 !important;
}