/* ════════════════════════════════════════════════════════════ B.P.M — Patch bouton panier pour catalogue.html (catalogue-cart-btn-patch.css) Remplace le rond "+" .btn-add par le bouton texte .btn-add-cart Ajouter ce fichier en DERNIER dans le , après catalogue-premium.css ════════════════════════════════════════════════════════════ */ /* Le footer passe en colonne pour laisser de la place au bouton pleine largeur */ .product-footer { display: flex; flex-direction: column; align-items: stretch; gap: 10px; } .product-price { text-align: left; } /* Nouveau bouton "Ajouter au panier" */ .btn-add-cart { display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%; background: var(--rouge); color: #fff; border: none; border-radius: 30px; padding: 10px 16px; font-family: 'Montserrat', sans-serif; font-size: 12px; font-weight: 700; letter-spacing: 0.3px; cursor: pointer; transition: all 0.25s ease; box-shadow: 0 4px 12px rgba(198,40,40,0.2); } .btn-add-cart i { font-size: 16px; } .btn-add-cart:hover { background: var(--rouge-dark, #a01e1e); transform: translateY(-2px); box-shadow: 0 8px 20px rgba(198,40,40,0.3); } .btn-add-cart:active { transform: translateY(0) scale(0.98); } .btn-add-cart.added { background: #4caf50; box-shadow: 0 4px 12px rgba(76,175,80,0.3); } /* Indisponible */ .btn-unavailable { display: flex; align-items: center; justify-content: center; gap: 6px; width: 100%; padding: 10px 16px; background: #f0f0f0; color: #999; border-radius: 30px; font-family: 'Montserrat', sans-serif; font-size: 11px; font-weight: 700; } .btn-unavailable i { font-size: 14px; } /* ── Vue liste — le bouton reste compact, pas pleine largeur ── */ .catalogue-grid.list-view .product-footer { flex-direction: row; align-items: center; justify-content: space-between; } .catalogue-grid.list-view .btn-add-cart { width: auto; padding: 8px 14px; } .catalogue-grid.list-view .btn-add-cart span { display: none; /* en vue liste, garder juste l'icône pour la compacité */ } .catalogue-grid.list-view .btn-add-cart { border-radius: 50%; width: 36px; height: 36px; padding: 0; } /* Responsive */ @media (max-width: 480px) { .btn-add-cart { font-size: 11px; padding: 9px 12px; } }