/*
 Theme Name: Hello Elementor Child
 Template: hello-elementor
 Version: 1.0.0
 Text Domain: hello-elementor-child
*/

/* Forzar Anton en titulares (podés ajustar después) */
h1, h2, h3, h4, h5, h6,
.elementor-heading-title,
.elementor-widget-heading h1,
.elementor-widget-heading h2,
.elementor-widget-heading h3,
.elementor-widget-heading h4,
.elementor-widget-heading h5,
.elementor-widget-heading h6 {
  font-family: "Anton", sans-serif !important;
}

/* —— Solo móvil/tablet —— */
@media (max-width: 1024px){
  /* Asegura ancla */
  .menu-wrap{ position: relative; }

  /* Evitar que la cabecera “se estire” */
  .menu-wrap .elementor-nav-menu--dropdown .elementor-nav-menu__container{
    position: absolute;
    top: 100%;           /* justo debajo del header */
    right: 0;            /* pegado a la derecha (cambiá por left:0 si lo querés a la izquierda) */
    left: auto;
    width: 320px;        /* ancho del panel */
    max-width: 92vw;
    background: #fff;
    border-radius: 12px 0 0 12px; /* esquina redondeada del lado interior */
    box-shadow: -18px 0 40px rgba(0,0,0,.18);
    z-index: 9999;
    overflow: auto;
    max-height: calc(100dvh - 70px); /* que no desborde la pantalla */
  }

  /* El contenedor del widget no debe ocupar 100% */
  .menu-wrap .elementor-nav-menu--dropdown{ width: auto; }

  /* Evita que el toggle quede “debajo” del panel */
  .menu-wrap .elementor-menu-toggle{ position: relative; z-index: 10000; }

  /* Quita el estiramiento forzado que a veces mete Elementor */
  .menu-wrap .elementor-nav-menu__container.elementor-container{
    width: auto !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

/* Si el dropdown se mete detrás de otros elementos: */
.elementor-sticky--active, .elementor-location-header{
  z-index: 999; /* header arriba */
}