/* Styles spécifiques à la page contact (contact.html) */

:root { --p-color: #AD94CA; --p-dark: #5A4475; --bg: #fdfbff; }
body { background: var(--bg); font-family: 'Quicksand', sans-serif; margin: 0; }

/* --- FORMULAIRE CONTACT --- */
.contact-wrapper { max-width: 800px; margin: 160px auto 60px; padding: 40px; background: white; border-radius: 30px; box-shadow: 0 10px 40px rgba(0,0,0,0.04); text-align: center; }
.contact-form { margin-top: 30px; text-align: left; }
.input-group { margin-bottom: 20px; }
.input-group label { display: block; margin-bottom: 8px; font-weight: 700; color: var(--p-dark); }
.contact-input { width: 100%; padding: 15px; border: 1.5px solid #f0eaff; border-radius: 12px; box-sizing: border-box; font-family: 'Quicksand'; font-size: 1rem; }
.btn-submit { background: var(--p-color); color: white; border: none; padding: 18px; width: 100%; border-radius: 15px; font-weight: 700; cursor: pointer; font-size: 1rem; transition: 0.3s; }
.btn-submit:hover { background: var(--p-dark); }

/* --- DESIGN PANIER --- */
.cart-drawer { position: fixed; right: -400px; top: 0; width: 380px; height: 100%; background: white; z-index: 10001; transition: 0.4s; display: flex; flex-direction: column; box-shadow: -5px 0 20px rgba(0,0,0,0.1); }
.cart-drawer.open { right: 0; }
.cart-body { flex: 1; overflow-y: auto; padding: 20px; }

.btn-checkout { background: #AD94CA !important; color: white !important; border: none !important; padding: 16px !important; width: 100% !important; border-radius: 30px !important; font-weight: 700 !important; cursor: pointer !important; margin-bottom: 10px; }
.btn-empty { background: none !important; border: none !important; color: #999 !important; text-decoration: underline !important; font-size: 0.85rem !important; cursor: pointer !important; display: inline-block !important; margin-top: 5px !important; }