/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 05 2025 | 20:41:13 */
.df-mini-search {
  display:inline-flex;
  align-items:center;
}

.df-mini-trigger {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  padding:.45em;
  color:var(--color-text, #0E7AA8);
  transition:color .25s ease;
}

.df-mini-trigger:hover,
.df-mini-trigger:focus {
  color:var(--color-primary, #1aa1dd);
}

.df-mini-trigger:focus-visible {
  outline:2px solid var(--color-primary, #1aa1dd);
  outline-offset:2px;
}

.df-mini-trigger svg {
  width:20px;
  height:20px;
  fill:currentcolor;
  display:block;
}

/* Input oculto pero presente (Doofinder lo detecta) */
.df-mini-input {
  position:absolute;
  left:-9999px;
  width:1px;
  height:1px;
  opacity:0;
  pointer-events:none;
  border:0;
  padding:0;
  margin:0;
}
/* Contenedor mínimo */
.df-mini-search {
  display:inline-flex !important;
  align-items:center;            /* centra verticalmente el icono */
  margin:0;
  padding:0;
  line-height:1;
  flex:0 0 auto;
}

/* Lupa más pequeña y sin “caja” ancha */
.df-mini-search .df-mini-trigger {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  padding:4px;                   /* área clicable compacta pero usable; baja a 2px si quieres extremo */
  margin:0;
  background:transparent;
  border:0;
  line-height:1;
  width:auto;
  height:auto;
  color:var(--color-text, #0E7AA8);
  transition:color .25s ease;
  vertical-align:middle;
}

/* Tamaño exacto del SVG (ajusta a 18px si el carrito es 18px) */
.df-mini-search .df-mini-trigger svg {
  width:18px;   
  height:18px;
  fill:currentcolor;
  display:block;
}

/* Estados */
.df-mini-search .df-mini-trigger:hover,
.df-mini-search .df-mini-trigger:focus {
  color:var(--color-primary, #1aa1dd);
}
.df-mini-search .df-mini-trigger:focus-visible {
  outline:2px solid var(--color-primary, #1aa1dd);
  outline-offset:2px;
}

/* Input oculto sin ocupar espacio */
.df-mini-search .df-mini-input {
  position:absolute;
  left:-9999px;
  width:1px;
  height:1px;
  opacity:0;
  pointer-events:none;
  border:0;
  padding:0;
  margin:0;
}

/* Eliminar posibles gaps heredados del tema */
.df-mini-search > * {
  gap:0 !important;
}

/* Si Blocksy aplica un min-width a su bloque de HTML personalizado */
.ct-header-html .df-mini-search {
  min-width:0 !important;
}

/* Alineación fina: ajusta si ves que está 1px descentrado respecto al carrito */
.df-mini-search .df-mini-trigger {
  /* Descomenta una de estas si necesitas micro ajuste vertical */
  /* transform:translateY(1px); */
  /* transform:translateY(-1px); */
}
/* Asegura que sólo el label sea clicable y el contenedor no cubra al vecino */
.df-mini-search {
  pointer-events: none;
  width:auto !important;
  flex:0 0 auto !important;
  margin:0 !important;
  padding:0 !important;
  background:transparent !important;
  position:relative;
}

.df-mini-search .df-mini-trigger {
  pointer-events: auto;  /* vuelve clicable sólo la lupa */
  padding:4px;           /* mantén o ajusta */
}

/* Evita que haya un ancho colapsado raro o que se expanda */
.df-mini-search * {
  max-width:none;
}

/* Asegura que NO haya un z-index que tape el icono de cuenta */
.df-mini-search,
.df-mini-search .df-mini-trigger {
  z-index: 1;
}

/* Si el icono de cuenta necesita estar por encima */
.header-account-icon-selector { /* reemplaza con la clase real del icono de cuenta si hace falta */
  position:relative;
  z-index:2;
}
.df-mini-search {
  display:inline-block !important;
}
.df-mini-search .df-mini-trigger {
  display:inline-flex;
  width:auto;
  height:auto;
}