/*archivo para estilos personalizados*/
/* Desactivar cualquier overlay viejo */
.product-image .product-overlay { display: none !important; }

/* Asegurar imagen visible siempre */
.product-card .product-image img {
  opacity: 1 !important;
  filter: none !important;
  mix-blend-mode: normal !important;
  transition: transform .2s ease;
}

/* En hover, solo un mini-zoom (si te gusta) y sombra, sin blanquear */
.product-card:hover .product-image img {
  opacity: 1 !important;
  transform: scale(1.01);
}

/* Por si el template tenía ::before/::after blanqueando */
.product-card .product-image::before,
.product-card .product-image::after {
  content: none !important;
  display: none !important;
}

/* El “levantar” con sombra que acordamos */
.product-card { transition: transform .15s ease, box-shadow .15s ease; border: 0; }
.product-card:hover { transform: translateY(-4px); box-shadow: 0 12px 24px rgba(0,0,0,.12); }

/* Evitar que el zoom/hover apague la imagen principal */
.image-zoom-container img,
.main-product-image,
.product-image img {
  opacity: 1 !important;
  filter: none !important;
  mix-blend-mode: normal !important;
  transform: none !important;
  transition: none !important;
  cursor: default !important;
}


/* Si había overlays en la galería, apagarlos */
.product-gallery .product-overlay,
.thumbnail-wrapper .product-overlay {
  display: none !important;
}

/* PARA EL CUADRO DE BUSQUEDA */
.search-results-dropdown{
  position:absolute; top:100%; left:0; right:0;
  z-index: 1050; background:#fff; border:1px solid rgba(0,0,0,.1);
  border-radius:.5rem; box-shadow:0 8px 24px rgba(0,0,0,.12);
  margin-top:.25rem; display:none; max-height: 60vh; overflow:auto;
}
.search-results-dropdown .sr-item{
  padding:.5rem .75rem; display:flex; gap:.5rem; align-items:center;
  cursor:pointer;
}
.search-results-dropdown .sr-item:hover,
.search-results-dropdown .sr-item.active{
  background:#f7f7f7;
}
.search-results-dropdown .sr-type{
  font-size:.75rem; color:#6c757d; margin-left:auto;
}
.search-results-dropdown .sr-empty{
  padding:.75rem; color:#6c757d;
}


/* PARA EL MENÚ CON SUBMENÚS */
/* Ajusta posición del submenú para que salga alineado a la derecha del padre */
.navmenu .dropdown ul ul {
  top: 0;
  left: 100%; /* Mueve justo al lado del menú padre */
  margin-left: 0;
  padding-left: 0;
  min-width: 200px; /* ancho mínimo más compacto */
}

/* Reduce espaciado interno de los submenús */
.navmenu .dropdown ul ul li a {
  padding: 6px 12px; /* menos espacio vertical y horizontal */
  font-size: 0.95rem; /* opcional, letra un poco más chica */
  white-space: nowrap; /* evita salto de línea */
}

/* Mantener el submenú visible al pasar por la categoría */
.navmenu .dropdown:hover > ul,
.navmenu .dropdown ul li:hover > ul {
  display: block;
}

/* Opcional: sombra y separación visual */
.navmenu .dropdown ul ul {
  box-shadow: 0 4px 10px rgba(0,0,0,0.08);
  background: #fff;
}


/* PRUEBA PARA VER SI EL FOOTER QUEDA SIEMPRE ABAJO */
/* Sticky footer básico sin tocar el HTML */
html, body { height: 100%; }
body.index-page {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}
header.header { flex: 0 0 auto; }
.main        { flex: 1 0 auto; padding-bottom: 2rem; } /* deja aire sobre el footer */
.footer      { flex: 0 0 auto; margin-top: auto; }

/* Asegura el botón “volver arriba” por encima del footer */
#scroll-top {
  position: fixed;
  right: 16px;
  bottom: 16px;
  z-index: 2000; /* > que el footer */
}