/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/
Description: Child theme de Hello Elementor para Tecsagro. CSS custom del header/menu responsive.
Author: Tecsagro
Template: hello-elementor
Version: 1.0.0
Text Domain: hello-elementor-child
*/

.remove-p-b p { margin-bottom: 0 !important; }

/* ============================================================
   TECSAGRO — Header responsive (custom)
   Elementor IDs del header (post 19901):
     ce57f5c = contenedor exterior (sticky)
     fbd2bff = pill blanco
     4c12d0a = columna logo        | 511d0d8 = logo (img)
     523ed9a = columna nav         | bd8dfab = widget nav-menu
     203a7e3 = columna acciones (Contacto + separador + buscador)
   ============================================================ */

.elementor-element-ce57f5c { position: relative; z-index: 100; }

@media (max-width: 1024px) {

  /* ---- Pill: logo a la izquierda, hamburguesa a la derecha ---- */
  .elementor-element-203a7e3 { display: none !important; }
  .elementor-element-ce57f5c { padding: 10px 14px !important; }
  .elementor-element-fbd2bff {
    flex-wrap: nowrap !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    align-items: center !important;
    border-radius: 20px !important;
    min-height: 0 !important;
    padding: 8px 18px !important;
  }
  .elementor-element-4c12d0a { flex: 0 0 auto !important; width: auto !important; }
  .elementor-element-4c12d0a img { width: 120px !important; }
  .elementor-element-523ed9a {
    flex: 0 0 auto !important;
    width: auto !important;
    justify-content: flex-end !important;
  }

  /* ---- Menu mobile: panel FIJO fuera del flujo ----
     Clave: position:fixed saca el nav del flujo, por eso el logo
     y el pill NUNCA se mueven al abrir. El panel flota debajo
     del header (top calculado por JS en --tec-hdr-h). ---- */
  .elementor-location-header nav.elementor-nav-menu--dropdown {
    display: none !important;
    position: fixed !important;
    top: var(--tec-hdr-h, 80px) !important;
    left: 12px !important;
    right: 12px !important;
    width: auto !important;
    max-height: calc(100dvh - var(--tec-hdr-h, 80px) - 16px) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    -webkit-overflow-scrolling: touch;
    background: #ffffff !important;
    border: none !important;
    border-radius: 18px !important;
    box-shadow: 0 22px 55px rgba(0, 0, 0, 0.28) !important;
    padding: 6px 0 12px !important;
    z-index: 9995 !important;
  }
  .elementor-location-header nav.elementor-nav-menu--dropdown[aria-hidden="false"] {
    display: block !important;
  }

  /* ---- Filas: ancho completo, alineadas a la izquierda, wrap ---- */
  .elementor-location-header .elementor-nav-menu--dropdown a {
    text-align: left !important;
    white-space: normal !important;
    line-height: 1.3 !important;
    padding: 13px 22px !important;
    font-size: 16px !important;
  }
  .elementor-location-header .elementor-nav-menu--dropdown > ul > li {
    border-bottom: 1px solid #eef2ee;
  }
  .elementor-location-header .elementor-nav-menu--dropdown > ul > li:last-child {
    border-bottom: none;
  }

  /* ---- Submenus anidados: indentacion por nivel (acordeon nativo) ---- */
  .elementor-location-header .elementor-nav-menu--dropdown .sub-menu {
    background: #f7faf7 !important;
  }
  .elementor-location-header .elementor-nav-menu--dropdown .sub-menu a {
    padding-left: 40px !important;
    font-size: 14.5px !important;
  }
  .elementor-location-header .elementor-nav-menu--dropdown .sub-menu .sub-menu a {
    padding-left: 58px !important;
    font-size: 14px !important;
  }

  /* ---- Flecha de submenu alineada a la derecha de cada fila ---- */
  .elementor-location-header .elementor-nav-menu--dropdown .elementor-item {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
  }
}