/* category-mobile.css — Fix A+B audit 2026-07-03 : prix visibles + badges MIF sur cards */
@media (max-width: 768px) {
  /* Fix A - Prix visible sous chaque card */
  .product-miniature .product-price-and-shipping,
  .product-miniature .product-price,
  .js-product-miniature .product-price-and-shipping,
  .js-product-miniature .product-price {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: auto !important;
    max-height: none !important;
  }
  .product-miniature .product-price {
    color: #79a500 !important;
    font-weight: 800 !important;
    font-size: 16px !important;
    margin: 4px 0 !important;
    text-align: center !important;
  }
  .product-miniature .product-price-and-shipping {
    padding: 4px 8px !important;
    margin: 4px 0 !important;
    text-align: center !important;
    background: linear-gradient(180deg, #f9fafb, #fff);
    border-top: 1px solid #e5e7eb;
  }

  /* Compact card layout */
  .product-miniature { margin-bottom: 12px !important; }
  .product-miniature .product-title,
  .product-miniature .h3.product-title {
    font-size: 12px !important;
    line-height: 1.25 !important;
    padding: 6px 6px 2px !important;
    text-align: center !important;
    margin: 0 !important;
  }
  .product-miniature .product-title a { color: #000F8F !important; }

  /* Badges injectés par JS */
  .eg-card-badges {
    display: flex; gap: 4px; flex-wrap: wrap; justify-content: center;
    padding: 4px 6px 2px;
    background: transparent;
  }
  .eg-card-badge {
    display: inline-flex; align-items: center; gap: 3px;
    font-size: 9px; font-weight: 700;
    padding: 2px 6px; border-radius: 10px;
    letter-spacing: .02em; text-transform: uppercase;
    white-space: nowrap;
  }
  .eg-card-badge--mif {
    background: #f0f9e0; color: #5e8200; border: 1px solid #d5eaa0;
  }
  .eg-card-badge--price {
    background: #fef3c7; color: #92400e; border: 1px solid #fde68a;
  }
  .eg-card-badge--stock {
    background: #dbeafe; color: #1e40af; border: 1px solid #bfdbfe;
  }

  /* Thumbnail image plus soignée */
  .product-miniature .thumbnail-container {
    border: 1px solid #e5e7eb !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    background: #fff !important;
    transition: transform .15s, box-shadow .15s;
  }
  .product-miniature:active .thumbnail-container {
    transform: scale(.98);
  }

  /* Compter produits en top */
  .total-products, .total-products-count {
    display: block !important;
    font-size: 12px; color: #6b7280;
    padding: 8px 16px; text-align: center;
  }
}