@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,700;0,900;1,700&family=DM+Sans:wght@300;400;500&display=swap');
/* BASE */
body, html {
background: #0a0a0a !important;
color: #f5f2eb !important;
font-family: 'DM Sans', sans-serif !important;
font-weight: 300 !important;
}
/* FOND PRINCIPAL */
.order-page,
.funnel-order-form,
[class*="order"],
[class*="checkout"],
.container,
.page-content {
background: #0a0a0a !important;
color: #f5f2eb !important;
}
/* TITRE PRINCIPAL */
h1, h2, h3 {
font-family: 'Playfair Display', serif !important;
color: #f5f2eb !important;
}
h1 { font-size: 2.2rem !important; line-height: 1.2 !important; }
h2 { font-size: 1.6rem !important; }
/* ENCADRÉ FORMULAIRE */
.order-form,
.form-container,
[class*="form-wrapper"],
[class*="order-form"] {
background: #111111 !important;
border: 1px solid #c9a84c !important;
border-radius: 0 !important;
padding: 40px !important;
}
/* LABELS */
label,
.form-label,
[class*="label"] {
color: #c8c8c8 !important;
font-family: 'DM Sans', sans-serif !important;
font-size: 0.85rem !important;
letter-spacing: 1px !important;
text-transform: uppercase !important;
font-weight: 500 !important;
}
/* CHAMPS INPUT */
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="number"],
input[type="password"],
select,
textarea {
background: #1a1a1a !important;
border: 1px solid #2a2a2a !important;
border-radius: 0 !important;
color: #f5f2eb !important;
font-family: 'DM Sans', sans-serif !important;
font-size: 1rem !important;
padding: 14px 18px !important;
transition: border-color 0.3s ease !important;
width: 100% !important;
}
input:focus,
select:focus,
textarea:focus {
border-color: #c9a84c !important;
outline: none !important;
box-shadow: 0 0 0 2px rgba(201, 168, 76, 0.15) !important;
}
input::placeholder,
textarea::placeholder {
color: #555 !important;
}
/* BOUTON CTA PRINCIPAL */
button[type="submit"],
input[type="submit"],
.btn-primary,
.submit-button,
.order-button,
[class*="btn-order"],
[class*="submit"],
[class*="buy-button"] {
background: #c9a84c !important;
color: #0a0a0a !important;
border: none !important;
border-radius: 0 !important;
font-family: 'DM Sans', sans-serif !important;
font-weight: 500 !important;
font-size: 1rem !important;
letter-spacing: 1px !important;
padding: 18px 50px !important;
cursor: pointer !important;
transition: all 0.3s ease !important;
text-transform: uppercase !important;
width: 100% !important;
}
button[type="submit"]:hover,
input[type="submit"]:hover,
.btn-primary:hover,
.submit-button:hover {
background: #e8d08a !important;
transform: translateY(-2px) !important;
box-shadow: 0 20px 50px rgba(201, 168, 76, 0.3) !important;
}
/* RÉSUMÉ DE COMMANDE */
.order-summary,
.cart-summary,
[class*="summary"],
[class*="order-details"] {
background: #111 !important;
border: 1px solid #1a1a1a !important;
border-left: 3px solid #c9a84c !important;
padding: 30px !important;
color: #c8c8c8 !important;
}
/* PRIX */
.price,
.total,
.amount,
[class*="price"],
[class*="total"],
[class*="amount"] {
color: #c9a84c !important;
font-family: 'Playfair Display', serif !important;
font-size: 2rem !important;
}
/* SÉPARATEURS */
hr, .divider, [class*="separator"] {
border-color: #1a1a1a !important;
border-top: 1px solid #1a1a1a !important;
}
/* BADGES & GARANTIE */
.guarantee,
.secure,
.badge,
[class*="guarantee"],
[class*="secure"],
[class*="trust"] {
color: #7a7a7a !important;
font-size: 0.85rem !important;
font-style: italic !important;
}
/* ICÔNES DE SÉCURITÉ */
.secure-icons,
[class*="secure-payment"],
[class*="payment-icons"] {
opacity: 0.5 !important;
filter: grayscale(100%) brightness(2) !important;
}
/* LIENS */
a {
color: #c9a84c !important;
text-decoration: none !important;
}
a:hover { color: #e8d08a !important; }
/* TEXTE SECONDAIRE */
p, span, li {
color: #c8c8c8 !important;
font-family: 'DM Sans', sans-serif !important;
}
/* BARRE URGENCE EN HAUT */
.urgence-bar-order {
background: #c9a84c;
color: #0a0a0a;
text-align: center;
padding: 14px 24px;
font-size: 0.9rem;
font-weight: 500;
letter-spacing: 1px;
font-family: 'DM Sans', sans-serif;
}
/* CASES À COCHER */
input[type="checkbox"] {
accent-color: #c9a84c !important;
}
/* ÉTAPES / PROGRESSION */
.steps,
.progress,
[class*="step"],
[class*="progress"] {
color: #c9a84c !important;
}
/* ERREURS */
.error,
.alert-danger,
[class*="error"] {
background: #1a0a0a !important;
border-left: 3px solid #c0392b !important;
color: #e74c3c !important;
padding: 12px 20px !important;
}
/* SUCCÈS */
.success,
.alert-success,
[class*="success"] {
background: #0a1a0e !important;
border-left: 3px solid #c9a84c !important;
color: #c9a84c !important;
padding: 12px 20px !important;
}