/* Correções CSS para problemas de visibilidade do ISearch */
.isearch-container {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    z-index: 9999999 !important;
    box-shadow: 0 2px 10px rgba(0,0,0,0.2) !important;
    border: 1px solid #ccc !important;
    max-height: 400px !important;
    overflow-y: auto !important;
}

.isearch-container * {
    visibility: visible !important;
    opacity: 1 !important;
}

.isearch-product, 
.isearch-suggestion, 
.isearch-categories, 
.isearch-more {
    display: block !important;
    padding: 10px !important;
    color: #333 !important;
    text-decoration: none !important;
    border-bottom: 1px solid #eee !important;
}

.isearch-product:hover, 
.isearch-suggestion:hover, 
.isearch-categories:hover, 
.isearch-more:hover {
    background-color: #f5f5f5 !important;
    color: #000 !important;
}

.isearch-heading {
    padding: 10px !important;
    margin: 0 !important;
    background-color: #f5f5f5 !important;
    border-bottom: 1px solid #eee !important;
    font-size: 16px !important;
    font-weight: bold !important;
    color: #333 !important;
}

.isearch-product-image {
    float: left !important;
    margin-right: 10px !important;
}

.isearch-product-image img {
    max-width: 50px !important;
    max-height: 50px !important;
}

.isearch-product-info {
    margin-left: 60px !important;
}

.isearch-loading, 
.isearch-nothing {
    padding: 20px !important;
    text-align: center !important;
}

/* Para tema Ronixa */
.header-search-form .isearch-container,
.header-search .isearch-container,
#ronixa-search .isearch-container,
.ronixa-search .isearch-container,
.ronixa-header-searchform .isearch-container {
    position: absolute !important;
    left: 0 !important;
    top: 100% !important;
    width: 100% !important;
    min-width: 250px !important;
}

/* Correção para dispositivos móveis */
@media (max-width: 767px) {
    .isearch-container {
        width: 100% !important;
        left: 0 !important;
        right: 0 !important;
        position: fixed !important;
        top: 50px !important;
    }
}