/* =========================================================
   Thème Cpcr95 – Noir (#0D0D0D), Or (#C8A45A), Ivoire (#F2EDE4)
   Version optimisée et nettoyée
   ========================================================= */

/* ===================== PALETTE ===================== */
:root {
  --noir-profond: #0D0D0D;
  --or-chaud: #C8A45A;
  --ivoire: #F2EDE4;
}

/* ===================== FOND GLOBAL ===================== */
html, body, #wrapper, #content, .page-home, .page-content,
.container, .row, [class*="col-"] {
    background-color: var(--noir-profond) !important;
    color: var(--ivoire) !important;
}

/* ===================== TEXTES & TITRES ===================== */
body, p, span, li, div {
    color: var(--ivoire) !important;
    font-family: 'Lora', 'Inter', serif;
}

h1, h2, h3, h4, h5, h6,
.page-header h1,
.block-category h1,
.product-title {
    color: var(--or-chaud) !important;
    font-family: 'Cormorant Garamond', serif !important;
    letter-spacing: 0.5px;
}

/* ===================== LIENS ===================== */
a, a:link, a:visited {
    color: var(--or-chaud) !important;
}
a:hover {
    color: var(--ivoire) !important;
}

/* Champs de saisie - style premium noir & or */
input[type="text"],
input[type="email"],
input[type="file"],
textarea,
select {
  background-color: #0D0D0D; /* noir profond */
  color: #F2EDE4; /* ivoire/blanc chaud pour le texte */
  border: 1px solid #C8A45A; /* bordure dorée */
  padding: 8px 10px;
  font-family: 'Lora', serif;
}

/* Placeholder (texte d’aide) */
input::placeholder,
textarea::placeholder {
  color: #C8A45A; /* doré doux */
  opacity: 0.8;
}

/* Bouton d’envoi */
button, input[type="submit"] {
  background-color: #C8A45A;
  color: #0D0D0D;
  font-weight: 600;
  border: none;
  padding: 10px 20px;
  cursor: pointer;
}

button:hover, input[type="submit"]:hover {
  background-color: #E0B96A; /* doré plus clair au survol */
}

/* ===================== MESSAGE ERREUR ===================== */
.alert-danger {
  background-color: #1A1A1A; /* fond anthracite discret */
  color: #F2EDE4; /* texte ivoire */
  border: 1px solid #C8A45A; /* bordure or chaud */
  font-family: "Lora", "Inter", serif;
  font-size: 0.95rem;
  padding: 10px 15px;
  border-radius: 3px;
  text-align: center;
  letter-spacing: 0.3px;
  box-shadow: 0 0 6px rgba(200,164,90,0.3);
}

/* === Boutons RGPD - cpcr95.fr === */
.psgdpr-button,
.psgdpr-export-button,
.psgdpr-delete-button,
button[name="submitExport"],
button[name="submitDelete"] {
  background-color: #0D0D0D ;
  color: #C8A45A ;
  font-family: "Inter", "Lora", serif ;
  font-weight: 600 ;
  border:1px solid #C8A45A;
  border-radius: 3px ;
  padding: 10px 20px ;
  text-transform: uppercase ;
  letter-spacing: 0.5px ;
  transition: background-color 0.3s ease ;
}

.psgdpr-button:hover,
.psgdpr-export-button:hover,
.psgdpr-delete-button:hover {
  background-color: #0D0D0D ;
  color: #C8A45A ;
}

/* ===================== HEADER & MENU ===================== */
header, #header, .header-top, .header-nav, .header-bottom {
    background-color: var(--noir-profond) !important;
    border-bottom: 1px solid var(--or-chaud) !important;
}

.top-menu a {
    color: var(--or-chaud) !important;
    font-weight: 500;
}
.top-menu a:hover {
    color: var(--ivoire) !important;
}

/* Barre de recherche */
#search_widget input {
    background-color: #1A1A1A !important;
    border: 1px solid var(--or-chaud) !important;
    color: var(--ivoire) !important;
}

.page-home .content-wrapper {
    background-color: var(--noir-profond) !important;
    padding: 0 !important;
}

/* ===================== BANNIÈRE / SLIDER ===================== */
#carousel, .banner, .homeslider-container {
    background-color: var(--noir-profond) !important;
    border-bottom: 1px solid var(--or-chaud) !important;
}

.banner .caption, .homeslider-description {
    background: rgba(0,0,0,0.4) !important;
    padding: 20px !important;
    border: 1px solid var(--or-chaud) !important;
}

/* Supprimer tous les fonds blancs résiduels */
.product-miniature,
.product-miniature .thumbnail-container,
.product-miniature .product-description,
.product-miniature .highlighted-informations
 {
    background-color: var(--noir-profond) !important;
    border: 1px solid var(--or-chaud) !important;
}

/* --- Custom Text Block (override theme.css) --- */
.custom-text, #custom-text {
    padding: 3.125rem;
    margin-bottom: 1.5rem;
    text-align: center;
    background-color: var(--noir-profond) !important;
    color: var(--ivoire) !important;
    border: 1px solid var(--or-chaud) !important;
    border-radius: 2px;
}
/* === Formulaire d'inscription - cpcr95.fr === */
#authentication form,
#registration form {
  background-color: #0D0D0D;
  color: #F2EDE4;
  font-family: "Lora", "Inter", serif;
}

label,
.form-instructions,
small,
.help-block {
  color: #E8E3D8;
}

input[type="text"],
input[type="email"],
input[type="password"],
input[type="date"],
select {
  background-color: #1A1A1A;
  color: #F2EDE4;
  border: 1px solid #C8A45A;
  padding: 8px 10px;
  border-radius: 3px;
}

input::placeholder {
  color: #C8A45A;
  opacity: 0.8;
}

.checkbox label {
  color: #E8E3D8;
}

button[type="submit"],
.btn-primary {
  background-color: #C8A45A;
  color: #0D0D0D;
  font-weight: 600;
  border: none;
  padding: 10px 20px;
  border-radius: 3px;
  transition: background-color 0.3s ease;
}

button[type="submit"]:hover,
.btn-primary:hover {
  background-color: #DABF7A;
}

/* Mentions légales et texte secondaire */
.form-footer,
.privacy-note {
  color: #E8E3D8;
  font-size: 0.85rem;
  line-height: 1.4;
}

/* =========================================================
   ACCUEIL — CATÉGORIES VEDETTES
   ========================================================= */

/* Titre */
.home-title {
    text-align: center;
    color: var(--or-chaud);
    font-family: 'Cormorant Garamond', serif;
    font-size: 2rem;
    margin: 40px 0 30px;
}

/* Grille */
.home-categories-grid {
    display: grid !important;
	display: contents !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 25px !important;
    margin-bottom: 40px;
}

/* Bloc catégorie */
.home-cat {
    display: block;
    background-color: var(--noir-profond);
    border: 1px solid var(--or-chaud);
    padding: 15px;
    text-align: center;
    transition: all 0.3s ease;
}

.home-cat:hover {
    background-color: var(--or-chaud);
    color: var(--noir-profond);
    transform: translateY(-4px);
}

.home-cat img {
    width: 100%;
    height: auto;
    border: 1px solid var(--or-chaud);
    margin-bottom: 10px;
}

.home-cat h3 {
    color: var(--or-chaud);
    font-family: 'Cormorant Garamond', serif;
    font-size: 1.3rem;
    margin-top: 10px;
}
/* Conteneur global */
.home-categories {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 25px;
    margin-top: 40px;
}

/* Carte catégorie */
.home-category {
    background: #0D0D0D;
    border: 1px solid #C8A45A;
    padding: 20px;
    text-align: center;
    border-radius: 6px;
    transition: all 0.3s ease;
}

/* Image */
.home-category img {
    width: 100%;
    height: auto;
    border-radius: 4px;
    margin-bottom: 15px;
}

/* Titre */
.home-category h3 {
    font-family: "Cormorant Garamond", serif;
    font-size: 1.2rem;
    color: #C8A45A;
    margin: 0;
}

/* Effet hover premium */
.home-category:hover {
    transform: translateY(-4px);
    box-shadow: 0 0 15px rgba(200, 164, 90, 0.4);
    border-color: #E2C98A;
}


/* Bouton */
.home-button-wrapper {
    text-align: center;
    margin-bottom: 40px;
}

.home-button {
    background-color: var(--or-chaud);
    color: var(--noir-profond);
    padding: 12px 25px;
    font-size: 1.1rem;
    font-weight: 600;
    border: none;
    text-decoration: none;
    transition: all 0.3s ease;
}

.home-button:hover {
    background-color: var(--ivoire);
    color: var(--noir-profond);
}

/* =========================================================
   CATÉGORIES — PAGE LISTING
   ========================================================= */

.block-category {
    background-color: var(--noir-profond) !important;
    border: 1px solid var(--or-chaud) !important;
    padding: 25px !important;
    margin-bottom: 30px !important;
}

.category-separator {
    width: 100%;
    height: 2px;
    background-color: var(--or-chaud) !important;
    margin: 25px 0 !important;
}

/* =========================================================
   PRODUITS — VIGNETTES & PAGE PRODUIT
   ========================================================= */

.product-miniature,
.product-miniature .thumbnail-container {
    background-color: var(--noir-profond) !important;
    border: 1px solid var(--or-chaud) !important;
    padding: 15px !important;
    transition: all 0.3s ease;
}

.product-miniature img {
    width: 100% !important;
    height: auto !important;
    border: 1px solid var(--or-chaud) !important;
}

.product-price,
.current-price {
    color: var(--or-chaud) !important;
}

.product-cover {
    background-color: var(--noir-profond) !important;
    border: 1px solid var(--or-chaud) !important;
    padding: 10px !important;
    box-shadow: 0 0 15px rgba(200,164,90,0.15);
}

.product-cover img {
    border: 1px solid var(--or-chaud) !important;
}
/* Prix très visible */
.product-price,
.current-price {
    color: var(--or-chaud) !important;
    font-size: 1.8rem !important;
    font-weight: 700 !important;
    text-align: center;
    margin-top: 10px !important;
}

/* Ancien prix barré */
.has-discount .regular-price {
    color: #b38e4a !important;
    opacity: 0.7;
    font-size: 1.1rem !important;
}
/* Bloc produit premium */


.product-miniature:hover {
    transform: translateY(-4px);
    border-color: var(--ivoire) !important;
}

/* Titre du produit */
.product-miniature .product-title a {
    color: var(--or-chaud) !important;
    font-family: 'Cormorant Garamond', serif !important;
    font-size: 1.3rem !important;
    text-align: center;
}

.product-flags .new {
    background-color: var(--or-chaud) !important;
    color: var(--noir-profond) !important;
    border-radius: 0 !important;
    padding: 4px 8px !important;
    font-weight: 600;
}
.quickview .product-name {
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: unset !important;
}
.product-miniature .product-title,
.product-miniature .product-title a {
    white-space: normal !important;
    overflow: hidden !important;
    text-overflow: unset !important;
	max-height: none !important;         /* supprime la hauteur max */
    display: -webkit-box !important;
    -webkit-line-clamp: 3; /* environ 120 caractères */
    -webkit-box-orient: vertical;
	font-size: 0.85rem !important;
    font-family: "Cormorant Garamond", serif !important;
    color: #C8A45A !important; /* or premium */
    line-height: 1.25 !important;
    white-space: normal !important;
}

/* Bloc description et détails du produit */
#product .tabs {
    background-color: #0D0D0D; /* fond noir profond */
    border: 1px solid #C8A45A; /* contour doré raffiné */
    color: #F2EDE4; /* texte ivoire élégant */
    padding: 20px;
    border-radius: 4px;
}

/* Onglets "Description" et "Détails du produit" */
#product .tabs .nav-tabs .nav-link {
    background-color: transparent;
    color: #C8A45A;
    font-family: 'Cormorant Garamond', serif;
    font-weight: 600;
    border: none;
}
#product .tabs .nav-tabs .nav-link.active {
    color: #F2EDE4;
    border-bottom: 2px solid #C8A45A;
}

/* Texte interne du bloc description */
#product .tab-content {
    color: #F2EDE4 !important;
    font-family: 'Lora', serif;
    line-height: 1.6;
}

/* Bouton "Donnez votre avis" */
#product .btn {
    background-color: #C8A45A;
    color: #0D0D0D;
    border: none;
    font-weight: 500;
    transition: all 0.3s ease;
}
#product .btn:hover {
    background-color: #F2EDE4;
    color: #C8A45A;
}
/* Titre du produit */
#product h1.h1 {
    color: #C8A45A; /* doré raffiné */
    font-family: 'Cormorant Garamond', serif;
    font-weight: 600;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}

/* Sous-titres et libellés (ex: "Partager", "Garanties sécurité") */
#product .product-information h2,
#product .product-information h3,
#product .product-information p {
    color: #F2EDE4; /* ivoire doux */
    font-family: 'Lora', serif;
}

/* Icônes de partage (Facebook, Twitter, Pinterest) */
#product .social-sharing a {
    color: #C8A45A;
    border: 1px solid #C8A45A;
    border-radius: 50%;
    padding: 8px;
    margin-right: 8px;
    transition: all 0.3s ease;
}
#product .social-sharing a:hover {
    background-color: #C8A45A;
    color: #0D0D0D;
}

/* Texte "Partager" */
#product .social-sharing span {
    color: #F2EDE4;
    font-family: 'Lora', serif;
    font-size: 0.95rem;
}
/* Bloc garanties / livraison / retours */
#product .product-features,
#product .product-features .data-sheet,
#product .product-features .feature,
#product .product-features .feature .value,
#product .product-features .feature .name,
#product .product-information .product-manufacturer,
#product .product-information .product-quantities,
#product .product-information .product-prices {
    background-color: #0D0D0D; /* noir profond */
    color: #F2EDE4; /* ivoire élégant */
    border: 1px solid #C8A45A; /* liseré or */
    padding: 15px 20px;
    border-radius: 4px;
}

/* Titres des blocs (ex: "Garanties sécurité") */
#product .product-information h2,
#product .product-information h3 {
    color: #C8A45A; /* doré raffiné */
    font-family: 'Cormorant Garamond', serif;
    font-weight: 600;
    margin-bottom: 10px;
}

/* Icônes (cadenas, camion, flèche retour) */
#product .product-information .material-icons,
#product .product-information i {
    color: #C8A45A; /* doré */
    font-size: 22px;
    margin-right: 6px;
}

/* Texte interne */
#product .product-information p,
#product .product-information li,
#product .product-information span {
    color: #F2EDE4;
    font-family: 'Lora', serif;
    line-height: 1.6;
}

/* Séparateurs internes */
#product .product-features .feature {
    border-bottom: 1px solid rgba(200, 164, 90, 0.3);
}
#product .product-features .feature:last-child {
    border-bottom: none;
}
/* --- Conteneur principal du pop-up panier --- */
#blockcart-modal {
    background-color: #0D0D0D; /* fond noir profond */
    color: #F2EDE4; /* texte ivoire */
    border: 1px solid #C8A45A; /* contour doré */
    border-radius: 4px;
    box-shadow: 0 0 15px rgba(200, 164, 90, 0.3);
}

/* --- Titre de confirmation --- */
#blockcart-modal .modal-header {
    background-color: #F2EDE4;
    color: #0D0D0D;
    font-family: 'Cormorant Garamond', serif;
    font-weight: 600;
    border-bottom: 1px solid #C8A45A;
}
#blockcart-modal .modal-header .material-icons {
    color: #C8A45A;
}

/* --- Détails du produit --- */
#blockcart-modal .product-name {
    color: #C8A45A;
    font-family: 'Cormorant Garamond', serif;
    font-weight: 600;
}
#blockcart-modal .product-price {
    color: #F2EDE4;
    font-family: 'Lora', serif;
    font-size: 1.2rem;
}
#blockcart-modal .product-quantity {
    color: #F2EDE4;
}

/* --- Bloc résumé panier --- */
#blockcart-modal .cart-content {
    background-color: #0D0D0D;
    color: #F2EDE4;
    border-top: 1px solid #C8A45A;
    padding: 15px;
}
#blockcart-modal .cart-content strong {
    color: #C8A45A;
}

/* --- Boutons --- */
#blockcart-modal .btn,
#blockcart-modal .btn-primary,
#blockcart-modal .cart-content-btn button {
  background-color: #C8A45A !important; /* or chaud */
  color: #0D0D0D !important; /* texte noir lisible */
  font-weight: 600;
  border: none;
  border-radius: 3px;
  padding: 10px 20px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  transition: background-color 0.3s ease;
}

#blockcart-modal .btn:hover,
#blockcart-modal .btn-primary:hover,
#blockcart-modal .cart-content-btn button:hover {
  background-color: #DABF7A !important; /* or plus clair au survol */
  color: #0D0D0D !important;
}
/* --- Conteneur principal du panier --- */
#cart {
    background-color: #0D0D0D; /* fond noir profond */
    color: #F2EDE4; /* texte ivoire */
    border: 1px solid #C8A45A; /* contour doré */
    border-radius: 4px;
    padding: 20px;
    box-shadow: 0 0 15px rgba(200, 164, 90, 0.3);
}

/* --- Titres et sous-titres --- */
#cart h1, #cart h2, #cart h3 {
    color: #C8A45A;
    font-family: 'Cormorant Garamond', serif;
    font-weight: 600;
    text-transform: uppercase;
}

/* --- Tableau des produits --- */
#cart .cart-items {
    background-color: #0D0D0D;
    border: 1px solid #C8A45A;
    border-radius: 4px;
}
#cart .cart-item {
    border-bottom: 1px solid rgba(200, 164, 90, 0.3);
}
#cart .cart-item:last-child {
    border-bottom: none;
}
#cart .cart-item .product-name {
    color: #C8A45A;
    font-family: 'Cormorant Garamond', serif;
}
#cart .cart-item .product-price,
#cart .cart-item .product-quantity {
    color: #F2EDE4;
    font-family: 'Lora', serif;
}

/* --- Résumé du panier --- */
#cart .cart-summary {
    background-color: #0D0D0D;
    border: 1px solid #C8A45A;
    border-radius: 4px;
    padding: 15px;
}
#cart .cart-summary .label,
#cart .cart-summary .value {
    color: #F2EDE4;
    font-family: 'Lora', serif;
}
#cart .cart-summary .total {
    color: #C8A45A;
    font-weight: 600;
}

/* --- Boutons --- */
#cart .btn-primary {
    background-color: #C8A45A;
    color: #0D0D0D;
    border: none;
    font-weight: 600;
    transition: all 0.3s ease;
}
#cart .btn-primary:hover {
    background-color: #F2EDE4;
    color: #C8A45A;
}
#cart .btn-secondary {
    background-color: transparent;
    color: #F2EDE4;
    border: 1px solid #C8A45A;
}
#cart .btn-secondary:hover {
    background-color: #C8A45A;
    color: #0D0D0D;
}
/* Bouton Commander dans la page panier */
#cart .checkout a,
#cart .checkout button,
#cart .btn-primary {
    background-color: #C8A45A !important; /* or */
    color: #0D0D0D !important; /* texte noir profond */
    border: none !important;
    font-weight: 600;
    transition: all 0.3s ease;
}

/* Effet hover */
#cart .checkout a:hover,
#cart .checkout button:hover,
#cart .btn-primary:hover {
    background-color: #F2EDE4 !important; /* ivoire */
    color: #C8A45A !important; /* or */
}
/* Bloc principal des étapes */
#checkout .step {
    background-color: #0D0D0D; /* fond noir profond */
    color: #F2EDE4; /* texte ivoire */
    border: 1px solid #C8A45A; /* contour doré */
    border-radius: 4px;
    padding: 20px;
    box-shadow: 0 0 10px rgba(200, 164, 90, 0.2);
}

/* Titre des étapes */
#checkout .step-title {
    color: #C8A45A;
    font-family: 'Cormorant Garamond', serif;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 10px;
}

/* Texte interne (ex: “Connecté en tant que…”) */
#checkout .step-content p,
#checkout .step-content span {
    color: #0D0D0D;
    font-family: 'Lora', serif;
    font-size: 0.95rem;
    line-height: 1.6;
}

/* Lien “Se déconnecter” */
#checkout .step-content a {
    color: #0D0D0D;
    font-weight: 500;
    text-decoration: none;
}
#checkout .step-content a:hover {
    color: #0D0D0D;
    text-decoration: underline;
}

/* Bouton CONTINUER */
#checkout .continue,
#checkout .btn-primary {
    background-color: #C8A45A;
    color: #0D0D0D;
    border: none;
    font-weight: 600;
    padding: 10px 20px;
    border-radius: 3px;
    transition: all 0.3s ease;
}
#checkout .continue:hover,
#checkout .btn-primary:hover {
    background-color: #F2EDE4;
    color: #C8A45A;
}

/* Étapes inactives (Adresses, Livraison, Paiement) */
#checkout .step:not(.active) {
    background-color: #0D0D0D;
    color: rgba(242, 237, 228, 0.6); /* ivoire atténué */
    border: 1px solid rgba(200, 164, 90, 0.3);
}
/* === Étape 3 - Mode de livraison === */
#checkout-delivery-step .delivery-option,
#checkout-delivery-step .carrier-name,
#checkout-delivery-step .carrier-delay,
#checkout-delivery-step .carrier-price {
  background-color: transparent !important; /* supprime les bandes blanches */
  color: #F2EDE4 !important; /* texte ivoire lisible */
  border: 1px solid #C8A45A !important; /* contour doré élégant */
  padding: 10px;
  border-radius: 3px;
}

/* --- Bouton CONTINUER --- */
#checkout-delivery-step button[name="confirmDeliveryOption"] {
  background-color: #C8A45A !important;
  color: #0D0D0D !important;
  font-weight: 600;
  border: none;
  border-radius: 3px;
  padding: 10px 20px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  transition: background-color 0.3s ease;
}
#checkout-delivery-step button[name="confirmDeliveryOption"]:hover {
  background-color: #F2EDE4 !important;
  color: #C8A45A !important;
}

/* =========================================================
 Instagram et social
   ========================================================= */
/* --- Icônes de partage CPCR95 --- */
.social-sharing ul li a i {
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border: 1px solid #C8A45A; /* or chaud */
  border-radius: 50%;
  background-color: #F2EDE4; /* ivoire */
  color: #0D0D0D; /* noir profond */
  font-size: 18px;
  transition: all 0.3s ease;
}

.social-sharing ul li a i:hover {
  background-color: #C8A45A; /* or chaud */
  color: #F2EDE4; /* ivoire */
  border-color: #C8A45A;
}
.social-sharing ul {
  display: flex;
  gap: 10px;
  justify-content: flex-start;
}


/* =========================================================
  FAQ
   ========================================================= */

.cpcr-accordion {
  max-width: 900px;
  margin: 40px auto;
  font-family: "Lora", serif;
}

.cpcr-accordion .accordion-item {
  border-bottom: 1px solid #C8A45A;
  padding: 0;
}

.cpcr-accordion .accordion-title {
  width: 100%;
  background: #0D0D0D;
  color: #F2EDE4;
  padding: 18px 20px;
  text-align: left;
  border: none;
  outline: none;
  cursor: pointer;
  font-size: 18px;
  font-weight: 600;
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition: background 0.3s ease;
}

.cpcr-accordion .accordion-title:hover {
  background: #1A1A1A;
}

.cpcr-accordion .accordion-title .arrow {
  border: solid #C8A45A;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 5px;
  transform: rotate(45deg);
  transition: transform 0.3s ease;
}

.cpcr-accordion .accordion-item.active .arrow {
  transform: rotate(-135deg);
}

.cpcr-accordion .accordion-content {
  max-height: 0;
  overflow: hidden;
  background: #111;
  color: #F2EDE4;
  padding: 0 20px;
  transition: max-height 0.4s ease;
}

.cpcr-accordion .accordion-content p {
  padding: 15px 0 20px;
  margin: 0;
  line-height: 1.6;
  font-size: 16px;
}

/* =========================================================
   Page contact
   ========================================================= */
 /* --- Bloc principal du formulaire --- */
/* === Formulaire Contactez-nous - cpcr95.fr === */
#contact-form {
  background-color: #0D0D0D !important;
  border: 1px solid #C8A45A !important;
  padding: 25px !important;
  border-radius: 4px !important;
  color: #F2EDE4 !important;
  box-shadow: 0 0 10px rgba(200,164,90,0.2)!important;
}

/* --- Titre --- */
#contact-form h3 {
  color: #C8A45A;
  font-family: 'Cormorant Garamond', serif;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 20px;
}

/* --- Labels et texte --- */
#contact-form label {
  color: #F2EDE4;
  font-family: 'Lora', serif;
  font-size: 0.95rem;
}

/* --- Champs de saisie --- */
#contact-form input[type="text"],
#contact-form input[type="email"],
#contact-form select,
#contact-form textarea {
  background-color: #0D0D0D; /* fond noir */
  color: #F2EDE4; /* texte ivoire/blanc chaud */
  border: 1px solid #C8A45A; /* contour doré */
  border-radius: 3px;
  padding: 8px;
  width: 100%;
  font-family: 'Lora', serif;
}

#contact-form input::placeholder,
#contact-form textarea::placeholder {
  color: #C8A45A; /* doré doux */
  opacity: 0.8;
}


/* --- Bouton "Choisir un fichier" --- */
#contact-form input[type="file"] {
  background-color: #C8A45A;
  color: #0D0D0D;
  border: none;
  font-weight: 600;
  padding: 8px 15px;
  border-radius: 3px;
  cursor: pointer;
}
#contact-form input[type="file"]:hover {
  background-color: #DABF7A;
  color: #0D0D0D;
}
/* Correction : texte du champ Message en blanc ivoire */
#contact-form textarea,
#contact-form textarea:focus {
  color: #F2EDE4 !important; /* texte ivoire */
  background-color: #0D0D0D !important; /* fond noir */
}

/* --- Bouton "Envoyer" --- */
#contact-form button,
#contact-form input[type="submit"] {
  background-color: #C8A45A;
  color: #0D0D0D;
  border: none;
  font-weight: 600;
  padding: 10px 20px;
  border-radius: 3px;
  transition: all 0.3s ease;
}
#contact-form button:hover,
#contact-form input[type="submit"]:hover {
  background-color: #F2EDE4;
  color: #C8A45A;
}

/* --- Bloc d'informations à gauche --- */
#contact .contact-rich {
    background-color: #0D0D0D;
    color: #F2EDE4;
    border: 1px solid #C8A45A;
    padding: 20px;
    border-radius: 4px;
}
#contact .contact-rich h4 {
    color: #C8A45A;
    font-family: 'Cormorant Garamond', serif;
    font-weight: 600;
}
#contact .contact-rich p,
#contact .contact-rich span {
    font-family: 'Lora', serif;
    color: #F2EDE4;
}

/* --- Icônes (adresse, téléphone, e-mail) --- */
#contact .contact-rich i {
    color: #C8A45A;
    font-size: 20px;
    margin-right: 8px;
}

 
/* =========================================================
   Mon Compte
   ========================================================= */
 
.page-my-account #content .links a span.link-item {
    display: block;
    height: 100%;
    padding: 1rem;
    background: #B89A54;
}

/* Titre principal */
.page-heading {
  font-family: 'Cormorant Garamond', serif;
  font-size: 2rem;
  text-transform: uppercase;
  color: var(--doré-chaud);
  border-bottom: 1px solid var(--doré-atténué);
  padding-bottom: 0.5rem;
  margin-bottom: 2rem;
}

/* Blocs d’action */
.myaccount-link-list .link-item {
  background-color: transparent;
  border: 1px solid var(--doré-atténué);
  color: var(--ivoire);
  text-align: center;
  padding: 1.5rem;
  transition: all 0.3s ease;
}

.myaccount-link-list .link-item:hover {
  background-color: rgba(200,164,90,0.1);
  border-color: var(--doré-chaud);
  color: var(--doré-chaud);
}

/* Icônes */
.myaccount-link-list .link-item i {
  font-size: 32px;
  color: var(--doré-chaud);
  margin-bottom: 0.5rem;
}

/* Bouton Déconnexion */
.logout {
  display: inline-block;
  background-color: var(--noir-profond);
  color: var(--doré-chaud);
  padding: 0.6rem 1.2rem;
  text-transform: uppercase;
  font-weight: 600;
  border: none;
  transition: all 0.3s ease;
}

.logout:hover {
  background-color: var(--noir-profond);
  color: var(--doré-chaud);
  border: 1px solid var(--doré-chaud);
}

/* Pied de page */
.footer-container {
  border-top: 1px solid var(--doré-atténué);
  padding-top: 2rem;
}

.footer-container input[type="email"] {
  background-color: var(--noir-profond);
  border: 1px solid var(--doré-atténué);
  color: var(--ivoire);
}

.footer-container .btn {
  background-color: var(--doré-chaud);
  color: var(--noir-profond);
  border: none;
  transition: all 0.3s ease;
}

.footer-container .btn:hover {
  background-color: var(--noir-profond);
  color: var(--doré-chaud);
  border: 1px solid var(--doré-chaud);
}

/* Animation subtile au chargement */
.myaccount-link-list .link-item {
  opacity: 0;
  transform: translateY(10px);
  animation: fadeInUp 0.6s ease forwards;
}

@keyframes fadeInUp {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
/* --- Texte des cases à cocher (formulaire identité) --- */
#identity form label,
#identity form .form-group label,
#identity form .checkbox label,
#identity form .custom-checkbox label,
#identity form .form-control-comment {
    color: #FFFFFF !important;
}

/* --- Texte d'information sous les cases (mentions légales, newsletter) --- */
#identity form .form-control-comment,
#identity form .help-block,
#identity form small {
    color: #FFFFFF !important;
    opacity: 0.85;
}
/* Bloc adresse - version premium */
#addresses .address {
    background-color: #0D0D0D; /* noir profond */
    color: #F2EDE4; /* ivoire élégant */
    border: 1px solid #C8A45A; /* liseré or raffiné */
    padding: 20px;
    border-radius: 4px;
    box-shadow: 0 0 10px rgba(200, 164, 90, 0.2); /* halo doré subtil */
}

/* Titre "Mon adresse" */
#addresses .address h4 {
    color: #C8A45A; /* or pour le titre */
    font-family: 'Cormorant Garamond', serif;
    font-weight: 600;
}

/* Boutons Mettre à jour / Supprimer */
#addresses .address .btn {
    background-color: #C8A45A;
    color: #0D0D0D;
    border: none;
    font-weight: 500;
    transition: all 0.3s ease;
}
#addresses .address .btn:hover {
    background-color: #F2EDE4;
    color: #C8A45A;
}

/* =========================================================
   social
   ========================================================= */
.block-social ul li {
    display: inline-block;
    width: 2.5rem;
    height: 2.5rem;
    margin: .125rem;
    cursor: pointer;
    background-color: var(--noir-profond);
    background-repeat: no-repeat;
}
/* =========================================================
   FOOTER
   ========================================================= */

footer, #footer {
    background-color: var(--noir-profond) !important;
    border-top: 1px solid var(--or-chaud) !important;
    color: var(--ivoire) !important;
}

footer a {
    color: var(--or-chaud) !important;
}
/* =========================================================
   Détails de la commande – cpcr95.fr
   ========================================================= */
/* =========================================================
   Détails de la commande – fonds transparents
   ========================================================= */

/* Supprime les fonds blancs résiduels */
#order-detail,
#order-detail table,
#order-detail th,
#order-detail td,
#order-detail .address,
#order-detail .order-items,
#order-detail .order-items th,
#order-detail .order-items td {
  background-color: transparent !important; /* fond transparent */
  color: #F2EDE4 !important; /* texte ivoire */
  border-color: #C8A45A !important; /* contour doré */
}

/* État de la commande (badge) */
#order-detail .label,
#order-detail .badge,
#order-detail .status {
  background-color: #C8A45A !important; /* or chaud */
  color: #0D0D0D !important; /* texte noir lisible */
  font-weight: 600;
  border-radius: 3px;
  padding: 6px 10px;
  text-transform: uppercase;
}

/* Bloc adresse livraison / facturation */
#order-detail .address {
  background-color: transparent !important;
  border: 1px solid #C8A45A !important;
  border-radius: 4px;
  padding: 15px;
  font-family: 'Lora', serif;
}

/* Tableau produits */
#order-detail .order-items {
  background-color: transparent !important;
  border: 1px solid #C8A45A !important;
}

/* Fond général du bloc commande */
#order-detail {
  background-color: #0D0D0D !important;
  color: #F2EDE4 !important;
  border: 1px solid #C8A45A !important;
  border-radius: 4px;
  padding: 20px;
}

/* Titres et sous-titres */
#order-detail h1, #order-detail h2, #order-detail h3 {
  color: #C8A45A !important;
  font-family: 'Cormorant Garamond', serif;
  font-weight: 600;
  text-transform: uppercase;
}

/* Tableau de suivi de commande */
#order-detail table {
  background-color: #0D0D0D !important;
  color: #F2EDE4 !important;
  border: 1px solid #C8A45A !important;
}

#order-detail th {
  background-color: #0D0D0D !important;
  color: #C8A45A !important;
  border-bottom: 1px solid #C8A45A !important;
}

#order-detail td {
  background-color: #0D0D0D !important;
  color: #F2EDE4 !important;
  border-bottom: 1px solid rgba(200,164,90,0.3) !important;
}

/* État de la commande (badge bleu) */
#order-detail .label,
#order-detail .badge,
#order-detail .status {
  background-color: #C8A45A !important; /* or chaud */
  color: #0D0D0D !important; /* texte noir lisible */
  font-weight: 600;
  border-radius: 3px;
  padding: 6px 10px;
  text-transform: uppercase;
}

/* Adresses livraison / facturation */
#order-detail .address {
  background-color: #0D0D0D !important;
  color: #F2EDE4 !important;
  border: 1px solid #C8A45A !important;
  border-radius: 4px;
  padding: 15px;
  font-family: 'Lora', serif;
}

/* Tableau produits */
#order-detail .order-items {
  background-color: #0D0D0D !important;
  border: 1px solid #C8A45A !important;
}

#order-detail .order-items th,
#order-detail .order-items td {
  color: #F2EDE4 !important;
  border-color: rgba(200,164,90,0.3) !important;
}
/* === Override PrestaShop page-order-detail === */
.page-order-detail {
  background-color: transparent !important;
  color: #F2EDE4 !important;
}

/* === Override PrestaShop .box === */
.box {
  background-color: transparent !important;
  border: 1px solid #C8A45A !important;
  color: #F2EDE4 !important;
  box-shadow: none !important;
}

/* Tableaux internes */
.page-order-detail table,
.page-order-detail th,
.page-order-detail td {
  background-color: transparent !important;
  color: #F2EDE4 !important;
  border-color: #C8A45A !important;
}

/* Bloc adresse */
.page-order-detail .address {
  background-color: transparent !important;
  border: 1px solid #C8A45A !important;
  color: #F2EDE4 !important;
}

/* Badge état commande */
.page-order-detail .label,
.page-order-detail .badge,
.page-order-detail .status {
  background-color: #C8A45A !important;
  color: #0D0D0D !important;
  font-weight: 600;
  border-radius: 3px;
}
/* =========================================================
   SURCHARGE GLOBALE .form-control — CPCR95.FR
   ========================================================= */

.form-control {
  background-color: #0D0D0D !important; /* noir profond */
  color: #F2EDE4 !important;            /* ivoire */
  border: 1px solid #C8A45A !important; /* or chaud */
  padding: 10px !important;
  border-radius: 3px !important;
  font-family: 'Lora', serif !important;
  box-shadow: none !important;
}

/* Placeholder */
.form-control::placeholder {
  color: #C8A45A !important;
  opacity: 0.8 !important;
}

/* Focus */
.form-control:focus {
  background-color: #0D0D0D !important;
  color: #F2EDE4 !important;
  border-color: #E0B96A !important;
  box-shadow: 0 0 6px rgba(200,164,90,0.4) !important;
}

/* =========================================================
   RESPONSIVE MOBILE
   ========================================================= */

@media (max-width: 768px) {

    .home-categories-grid {
        grid-template-columns: 1fr !important;
    }

    header .logo img {
        max-height: 60px;
    }

    .top-menu a {
        display: block;
        padding: 10px 0;
        border-bottom: 1px solid var(--or-chaud);
        text-align: center;
    }

    .product-cover {
        margin-bottom: 20px !important;
    }

    .product-title {
        font-size: 1.5rem !important;
    }

    .current-price {
        font-size: 1.4rem !important;
    }

    footer {
        font-size: 0.85rem;
        padding: 20px 0;
    }
}
/* === Responsive Mobile & Tablette === */

/* Grille des blocs d’action */
@media (max-width: 992px) {
  .myaccount-link-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.2rem;
  }

  .myaccount-link-list .link-item {
    padding: 1.2rem;
  }

  .myaccount-link-list .link-item i {
    font-size: 28px;
  }
}

/* Mobile portrait */
@media (max-width: 576px) {
  .page-heading {
    font-size: 1.6rem;
    text-align: center;
  }

  .myaccount-link-list {
    grid-template-columns: 1fr;
    gap: 1rem;
  }

  .myaccount-link-list .link-item {
    padding: 1rem;
  }

  .myaccount-link-list .link-item i {
    font-size: 26px;
  }

  .logout {
    width: 100%;
    text-align: center;
    margin-top: 1.5rem;
  }
}

/* Footer responsive */
@media (max-width: 768px) {
  .footer-container .row {
    text-align: center;
  }

  .footer-container input[type="email"] {
    width: 100%;
    margin-bottom: 1rem;
  }

  .footer-container .btn {
    width: 100%;
  }
}
/* === Responsive Mobile & Tablette === */

/* Tablette (jusqu’à 992px) */
@media (max-width: 992px) {
  #contact-form {
    padding: 20px;
  }

  #contact .contact-rich {
    margin-top: 20px;
  }

  #contact-form h3 {
    text-align: center;
    font-size: 1.4rem;
  }

  #contact-form label {
    font-size: 0.9rem;
  }

  #contact-form input,
  #contact-form textarea,
  #contact-form select {
    font-size: 0.95rem;
  }

  #contact-form button {
    display: block;
    width: 100%;
    margin-top: 1rem;
  }
}

/* Mobile portrait (jusqu’à 576px) */
@media (max-width: 576px) {
  #contact-form {
    padding: 15px;
  }

  #contact-form h3 {
    font-size: 1.2rem;
    margin-bottom: 15px;
  }

  #contact-form label {
    display
  ``}
  
/* --- Responsive --- */
@media (max-width: 768px) {
    #blockcart-modal {
        padding: 10px;
    }
    #blockcart-modal .product-name {
        font-size: 1rem;
    }
    #blockcart-modal .product-price {
        font-size: 1rem;
    }
    #blockcart-modal .btn-primary,
    #blockcart-modal .btn-secondary {
        width: 100%;
        margin-top: 10px;
    }
}
@media (max-width: 768px) {
    #cart {
        padding: 15px;
    }
    #cart .cart-item {
        display: block;
        text-align: center;
    }
    #cart .cart-summary {
        margin-top: 20px;
    }
    #cart .btn-primary,
    #cart .btn-secondary {
        width: 100%;
        margin-top: 10px;
    }
}

@media (max-width: 768px) {
    #checkout .step {
        padding: 15px;
    }
    #checkout .continue {
        width: 100%;
        margin-top: 10px;
    }
}