/* ZELVA-BUSCADOR inicio */
/* ZELVA Buscador visible 1.0.0-propuesta — solo diseño. Reversión: desactivar el plugin (o borrar este bloque si se pega como CSS adicional).
 * Anula: @media(max-width:900px){.zv-header .wp-block-woocommerce-product-search{display:none}} (global-styles-inline-css). */

/* Todas las anchuras: campo y botón accesibles. */
.zv-header .wp-block-woocommerce-product-search .wc-block-product-search__fields { display: flex; align-items: center; min-width: 0; }
.zv-header .wp-block-woocommerce-product-search .wc-block-product-search__field { min-width: 0; font-size: 16px; /* evita el zoom automático de iOS */ }
.zv-header .wp-block-woocommerce-product-search .wc-block-product-search__button { min-width: 44px; min-height: 44px; display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; cursor: pointer; }
.zv-header .wp-block-woocommerce-product-search .wc-block-product-search__button svg { width: 20px; height: 20px; }
.zv-header .wp-block-woocommerce-product-search :is(input, button):focus-visible { outline: 3px solid #B8894A; outline-offset: 2px; }

/* ≤ 900 px (móvil y tableta): visible, en una fila propia de ancho completo bajo logo/menú/iconos, sin desbordar. */
@media (max-width: 900px) {
  /* El grupo que contiene el buscador cede sus hijos a la fila de la cabecera (no cambia el orden de lectura). */
  .zv-header .wp-block-group:not(.zv-header):not(:has(.wp-block-navigation, .wp-block-site-logo, .wp-block-site-title)):has(> .wp-block-woocommerce-product-search) { display: contents; }
  /* (solo el grupo de iconos: nunca la fila que lleva logo o menú) */
  /* La fila de la cabecera puede pasar a dos líneas (sin :has anidados, que el estándar no admite). */
  .zv-header .wp-block-group:has(> .wp-block-woocommerce-product-search),
  .zv-header .wp-block-group:has(> .wp-block-group > .wp-block-woocommerce-product-search) { flex-wrap: wrap; row-gap: 10px; }
  body .zv-header .wp-block-woocommerce-product-search {
    display: block;            /* anula el display:none global */
    order: 99; flex: 1 1 100%; width: 100%; max-width: 100%; min-width: 0; box-sizing: border-box; margin: 0;
  }
  body .zv-header .wp-block-woocommerce-product-search form { width: 100%; }
  body .zv-header .wp-block-woocommerce-product-search .wc-block-product-search__fields { width: 100%; }
  body .zv-header .wp-block-woocommerce-product-search .wc-block-product-search__field { flex: 1 1 auto; width: 100%; min-height: 44px; }
}

/* 1.1.0 — búsqueda sin resultados (no es el aviso «Próximamente»). */
.zsearch-empty { margin: 24px auto; max-width: 720px; padding: 24px; border: 1px solid #e6e0d3; border-radius: 16px; background: #fbf9f4; box-sizing: border-box; }
.zsearch-empty .zsearch-title { margin: 0 0 8px; font-size: clamp(1.25rem, 4vw, 1.6rem); line-height: 1.25; }
.zsearch-empty .zsearch-context { margin: 0 0 8px; font-weight: 600; overflow-wrap: anywhere; }
.zsearch-empty .zsearch-text { margin: 0 0 16px; }
.zsearch-empty .zsearch-form label { display: block; margin-bottom: 6px; font-weight: 600; }
.zsearch-empty .zsearch-fields { display: flex; gap: 8px; flex-wrap: wrap; }
.zsearch-empty input[type=search] { flex: 1 1 220px; min-width: 0; min-height: 44px; font-size: 16px; padding: 8px 12px; border: 1px solid #c9c2b2; border-radius: 10px; box-sizing: border-box; }
.zsearch-empty button { min-height: 44px; min-width: 44px; padding: 0 18px; border: 0; border-radius: 10px; background: #173C2C; color: #fff; font-weight: 600; cursor: pointer; }
.zsearch-empty .zsearch-cta a { display: inline-flex; align-items: center; min-height: 44px; font-weight: 600; color: #173C2C; }
.zsearch-empty :is(input, button, a):focus-visible { outline: 3px solid #B8894A; outline-offset: 2px; }
/* ZELVA-BUSCADOR fin */