/* ════════════════════════════════════════════════════════════ B.P.M — Patch bouton "Ajouter au panier" (cart-btn-patch.css) Remplace l'ancien bouton rond "+" par un vrai bouton texte. Ajouter ce fichier en dernier dans le , après style.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 { font-family: 'Playfair Display', serif; font-weight: 700; font-size: 17px; color: var(--rouge); 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); } /* Animation succès au clic */ .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; } /* ── Ancien bouton rond (catalogue-premium.js l'utilise encore — garder compatible) ── */ .btn-add { background: var(--rouge); color: #fff; border: none; display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%; border-radius: 30px; padding: 10px 16px; font-family: 'Montserrat', sans-serif; font-size: 12px; font-weight: 700; cursor: pointer; transition: all 0.25s ease; box-shadow: 0 4px 12px rgba(198,40,40,0.2); } .btn-add::after { content: 'Ajouter au panier'; } .btn-add:hover { background: var(--rouge-dark, #a01e1e); transform: translateY(-2px); color: #fff; } /* Responsive */ @media (max-width: 480px) { .btn-add-cart, .btn-add { font-size: 11px; padding: 9px 12px; } }