/* ===================================================== */
/* Lavap - Collections (NEW / TREND)                      */
/* Fichier : assets/css/22-collections.css                */
/* Objectif : cacher tout ce qui est sous le prix         */
/* Scope : uniquement داخل cards ديال collections         */
/* Sans toucher titre, prix, ni bouton add-to-cart       */
/* ===================================================== */

/* Bloc message vide */
.lavap-collection__empty{
  padding: 16px;
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 14px;
  background: #fff;
}

/* Espacement section */
.lavap-collection{
  margin: 10px 0 30px;
}

/* ===================================================== */
/* Cacher tout ce qui est sous le prix dans cards         */
/* Classes exactes du thème Merto                        */
/* ===================================================== */

/* Reviews / rating */
.lavap-collection .woocommerce-product-rating{
  display: none !important;
}

/* SKU */
.lavap-collection .product-sku{
  display: none !important;
}

/* Catégories */
.lavap-collection .product-categories{
  display: none !important;
}

/* Marques */
.lavap-collection .product-brands{
  display: none !important;
}

/* Description courte */
.lavap-collection .short-description{
  display: none !important;
}

/* ===================================================== */
/* Responsive (Collections) : Mobile => 2 colonnes        */
/* IMPORTANT : chez Merto ici c'est <div class="products">*/
/* et chaque produit = <section class="product">          */
/* ===================================================== */

@media (max-width: 767px){

  /* Forcer la grille à 2 colonnes uniquement dans collections */
  .lavap-collection .products{
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }

  /* Chaque carte doit prendre la largeur de sa colonne */
  .lavap-collection .products > .product{
    width: auto !important;
    margin: 0 !important;
  }

  /* Sécurité si le thème applique du flex sur le wrapper */
  .lavap-collection .woocommerce.columns-4{
    display: block !important;
  }
}