/* clear classic theme styles */

.ui-autocomplete {
    max-height: 400px; /* Ajustez la hauteur max selon vos besoins (ex: 4 à 5 produits) */
    overflow-y: auto;  /* Active le scroll vertical si ça dépasse */
    overflow-x: hidden; /* Empêche le scroll horizontal indésirable */
    z-index: 999,      /* S'assure que la liste passe bien au-dessus du reste */
}

/* Personnalisation de la scrollbar pour Chrome, Safari et Edge */
.ui-autocomplete::-webkit-scrollbar {
    width: 6px;
}

.ui-autocomplete::-webkit-scrollbar-track {
    background: #f1f1f1; 
    border-radius: 4px;
}
 
.ui-autocomplete::-webkit-scrollbar-thumb {
    background: #888; 
    border-radius: 4px;
}

.ui-autocomplete::-webkit-scrollbar-thumb:hover {
    background: #555; 
}

/* Pour Firefox */
.ui-autocomplete {
    scrollbar-width: thin;
    scrollbar-color: #888 #f1f1f1;
}

.search-product-name {
    display: -webkit-box;
    -webkit-line-clamp: 2;           /* Limite à 2 lignes max */
    -webkit-box-orient: vertical;
    overflow: hidden;                 /* Masque le texte qui dépasse les 2 lignes */
    
    line-height: 1.4em;               /* Hauteur d'une ligne */
    min-height: 2.8em;                /* Force la hauteur à équivaloir à exactement 2 lignes (1.4 x 2) */
    
    /* Optionnel : Ajustements visuels habituels si nécessaire */
    font-weight: bold;
    color: #333;
}
.search-price {
    font-weight: bold;
    color: #A44040;
}