/*
 Theme Name:   isabellebrescoach
 Theme URI:    https://medinarodriguez.com
 Description:  Child theme de Hello Elementor para isabellebrescoach.com
 Author:       Vicente Medina
 Author URI:   https://medinarodriguez.com
 Template:     hello-elementor
 Version:      1.0.0
 Text Domain:  isabellebrescoach
*/

/* =========================================
   Estilos custom
   ========================================= */

/* ============================================================
   FIX: Menu offcanvas ElementsKit + Sticky Header Effects
   ============================================================ */

/* FIX 1: Eliminar el clip-path que crea stacking context */
body:not(.elementor-editor-active) .she-header-yes,
body:not(.elementor-editor-active) .she-header-yes.she-header {
  clip-path: none !important;
}

/* FIX 2: Eliminar backdrop-filter del contenedor principal */
.elementor-140 .elementor-element.elementor-element-28a7480f.she-header {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* FIX 3: Recrear el efecto blur en un pseudo-elemento */
.elementor-140 .elementor-element.elementor-element-28a7480f.she-header::before {
  content: '';
  position: absolute;
  inset: 0;
  backdrop-filter: blur(20px) saturate(1.8);
  -webkit-backdrop-filter: blur(20px) saturate(1.8);
  z-index: -1;
  pointer-events: none;
}

/* FIX 4: Asegurar que el menu activo quede por encima del header */
.elementskit-menu-container.active {
  z-index: 99999 !important;
}
.ekit-nav-menu--overlay {
  z-index: 99998 !important;
}

/* ============================================================
   FIX MOBILE: Hamburger y menu offcanvas en scroll
   ============================================================ */

@media (max-width: 1024px) {
  /* FIX 5: Forzar display del boton hamburguesa en sticky */
  .she-header-yes .elementskit-menu-hamburger,
  .she-header .elementskit-menu-hamburger {
    display: block !important;
  }

  /* FIX 6: Offcanvas usa el viewport como containing block */
  .she-header-yes .elementskit-menu-container.elementskit-menu-offcanvas-elements,
  .she-header .elementskit-menu-container.elementskit-menu-offcanvas-elements {
    position: fixed !important;
  }

  /* FIX 7: Overlay del menu offcanvas */
  .she-header-yes .elementskit-menu-overlay,
  .she-header .elementskit-menu-overlay {
    position: fixed !important;
    z-index: 99998 !important;
  }
}

/* FIX 8: Cubrir tambien she-blur-yes backdrop-filter */
.elementor-140 .elementor-element.elementor-element-28a7480f.she-header.she-blur-yes {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* ============================================================
   FIX MOBILE LAYOUT: Elementos con ancho fijo que desbordan
   ============================================================ */

@media (max-width: 767px) {

  /* FIX 9: Elemento de video/imagen con width:500px fijo */
  .elementor .e-de07c99-569a230 {
    width: 100% !important;
    max-width: 100% !important;
  }

  /* FIX 10: Grid de 2 columnas que no colapsa bien en mobile */
  .elementor-132 .elementor-element.elementor-element-401cbb30 > .e-con-inner {
    --e-con-grid-template-columns: minmax(0, 1fr) !important;
  }

}

/* ============================================================
   FIX DESKTOP: Dropdown idioma (ES/FR) desborda viewport derecho
   El switcher esta al extremo derecho del nav y su submenu se
   abre hacia la derecha saliendose 35px del viewport.
   Solución: alinearlo al borde derecho del elemento padre.
   ============================================================ */

/* FIX 11: Language switcher dropdown alineado a la derecha */
.trp-language-switcher-container .elementskit-dropdown {
  left: auto !important;
  right: 0 !important;
}