/*
Theme Name: ArquiAlcance
Template: astra
Version: 1.0
*/
/* Child theme - all styling via Elementor */

/* ═══════════════════════════════════════════════════════
   MOBILE HEADER FIXES
   Target: header post 33 (Elementor Theme Builder)
   Breakpoint: Elementor default = 767px mobile
   ═══════════════════════════════════════════════════════ */

/* Desktop (>=768px): ocultar fila de acciones moviles */
@media (min-width: 768px) {
  #header_mobile_actions {
    display: none !important;
  }
}

/* Mobile (<=767px): ocultar menu desktop y zona derecha (boton + carrito) */
@media (max-width: 767px) {
  #header_center,
  #header_right {
    display: none !important;
  }

  /* JetMenu mobile: dropdown ancho completo */
  #header_mobile_actions .jet-mega-menu__toggle ~ * {
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    width: 100vw !important;
    max-width: 100vw !important;
    z-index: 9998 !important;
    box-sizing: border-box !important;
  }

  /* Evitar espacio extra en el wrapper */
  #header_mobile_actions .elementor-widget-wrap {
    gap: 0 !important;
  }
}