/* [NM2-SEARCH-HISTORY 2026-05-27] Estilos para el bloque "Tus últimas búsquedas"
   inyectado en el dropdown del buscador de /tienda (input hero + sticky). */

.nm2-shop-search-dd-recent {
  padding: 10px 12px 6px;
  border-bottom: 1px solid var(--nm2-border, #e6e8ee);
}
.nm2-shop-search-dd-recent-h {
  display: flex; align-items: center; justify-content: space-between;
  gap: 8px; margin: 0 0 8px;
  font-size: 11px; text-transform: uppercase; letter-spacing: .04em;
  color: var(--nm2-muted, #6b7280); font-weight: 600;
}
.nm2-shop-search-dd-recent-clear {
  background: transparent; border: 0; padding: 2px 6px;
  font-size: 11px; color: var(--nm2-primary, #1B4FE0);
  cursor: pointer; border-radius: 4px; text-transform: none; letter-spacing: 0;
  font-weight: 600;
}
.nm2-shop-search-dd-recent-clear:hover { background: rgba(27,79,224,.08); }
.nm2-shop-search-dd-recent-list {
  display: flex; flex-wrap: wrap; gap: 6px; padding-bottom: 4px;
}
.nm2-shop-search-dd-recent-tag {
  display: inline-flex; align-items: center; gap: 6px;
  padding: 5px 10px; border-radius: 999px;
  background: #f3f5fa; border: 1px solid #e6e8ee;
  font-size: 12px; color: #111827;
  cursor: pointer; transition: background .12s ease, border-color .12s ease, color .12s ease;
  font-family: inherit;
}
.nm2-shop-search-dd-recent-tag::before {
  content: ""; width: 12px; height: 12px; display: inline-block;
  background: currentColor; opacity: .55;
  -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='9'/><path d='M12 7v5l3 2'/></svg>") center / contain no-repeat;
          mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='9'/><path d='M12 7v5l3 2'/></svg>") center / contain no-repeat;
}
.nm2-shop-search-dd-recent-tag:hover {
  background: rgba(27,79,224,.08); border-color: var(--nm2-primary, #1B4FE0); color: var(--nm2-primary, #1B4FE0);
}

/* Asegurar que cuando el dropdown muestra historial puro (sin ddHead), no quede el spacing fantasma */
#nm2-shop-search-dd[data-mode="recent"] #nm2-shop-search-dd-head { display: none; }