/**
 * Muriel Smart Search - Override CSS
 * Este archivo tiene máxima prioridad para sobrescribir estilos de temas
 * Version: 1.4.0
 */

/* Forzar orientación horizontal en todos los elementos */
#muriel-search-override-css,
.muriel-search-container,
.muriel-search-container *,
.muriel-search-form,
.muriel-search-wrapper,
.muriel-search-input,
.muriel-search-results,
.muriel-search-item,
.muriel-search-item-content,
.muriel-search-item-title,
.muriel-search-item-meta,
.muriel-search-item-price {
    writing-mode: horizontal-tb !important;
    direction: ltr !important;
    text-orientation: mixed !important;
}

/* Reset de box-sizing */
.muriel-search-container,
.muriel-search-container * {
    box-sizing: border-box !important;
}

/* Asegurar que el contenedor sea siempre horizontal */
.muriel-search-wrapper {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
}

/* Input debe crecer horizontalmente */
.muriel-search-input {
    flex: 1 !important;
    width: auto !important;
    height: auto !important;
    min-width: 0 !important;
}

/* Resultados deben mostrarse correctamente */
.muriel-search-results {
    display: none !important;
}

.muriel-search-results[style*="display: block"],
.muriel-search-results[style*="display:block"] {
    display: block !important;
}

/* Items en vertical */
.muriel-search-item {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    white-space: normal !important;
}

/* Meta información horizontal */
.muriel-search-item-meta {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
}

/* Título normal */
.muriel-search-item-title {
    white-space: normal !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

/* Prevenir que otros estilos rompan el layout */
.muriel-search-container a {
    text-decoration: none !important;
}

.muriel-search-container img {
    max-width: 100% !important;
    height: auto !important;
    display: block !important;
}

/* Forzar z-index alto para resultados */
.muriel-search-results {
    z-index: 999999 !important;
    position: absolute !important;
}

/* Asegurar que los badges de meta estén inline */
.muriel-search-item-sku,
.muriel-search-item-category,
.muriel-search-item-stock {
    display: inline-block !important;
    white-space: nowrap !important;
}

/* Fix para temas que usan transform */
.muriel-search-container {
    transform: none !important;
}

/* Fix para flexbox en algunos temas */
.muriel-search-item-content {
    flex: 1 !important;
    min-width: 0 !important;
}

.muriel-search-item-image {
    flex-shrink: 0 !important;
}

.muriel-search-item-price {
    flex-shrink: 0 !important;
}