/* ============================================================
   meslacets_bycolor — CSS listing catégories
   Chargé sur toutes les pages catégorie.
   ============================================================ */

/* 1. Aperçu rapide : bouton masqué sur toutes les catégories */
.highlighted-informations .quick-view {
    display: none !important;
}

/* 2. Quand le quick-view est masqué, le conteneur ne doit pas
      créer d'espace vide : on retire son padding/height par défaut */
.highlighted-informations {
    padding: 0 !important;
    min-height: 0 !important;
}

/* 3. Dimensions des swatches couleur dans le listing
      (règle absente du thème Classic sur les pages catégorie) */
#js-product-list .variant-links .color {
    display: inline-block;
    width: 18px;
    height: 18px;
    background-size: cover;
    border: 1px solid #e5e5e5;
    border-radius: 2px;
    margin: 1px;
}

/* 4. Transition douce sur le swap d'image au hover (pages feuilles) */
#js-product-list article.product-miniature a.thumbnail img {
    transition: opacity 0.15s ease-in-out;
}