/* --- VARIABLES ET RÉGLAGES GÉNÉRAUX --- */
:root {
    --accent-color: #613214; /* Votre rose sélectionné */
    --bg-creme: #fef4e5;     /* Votre fond crème */
}

/* --- 1. COULEURS DE FOND (Gris vers Crème) --- */
body, 
#wrapper, 
#footer,
.footer-container,
.header-nav,
section#content,
#main,
.bg-ivory {
    background-color: var(--bg-creme) !important;
}

/* Gestion du fond des images (Bandeaux haut/bas) */
.thumbnail-container, 
.product-thumbnail, 
.product-cover, 
.images-container,
.product-thumbnail img, 
.product-cover img {
    background-color: var(--bg-creme) !important;
    object-fit: contain;
}

/* --- 2. COULEURS D'ACCENT (Bleu vers Rose #F0BDB0) --- */

/* Liens et texte */
a:hover {
    color: var(--accent-color) !important;
}

/* Boutons primaires */
.btn-primary,
.section-title:after,
.page-my-account #content .links a:hover {
    background-color: var(--accent-color) !important;
}

/* Survol et états actifs des boutons/menus */
.btn-primary:hover, 
.btn-primary:focus, 
.btn-primary:active,
.dropdown-item.active, 
.dropdown-item:active,
.dropdown-item:hover,
.select-list:hover,
.current {
    background-color: var(--accent-color) !important;
    color: #FFFFFF !important;
}

/* --- 3. SÉLECTION ET FOCUS (Anti-"Rose moche") --- */

/* Surlignage du texte à la souris */
::-moz-selection { background: var(--accent-color) !important; color: #ffffff !important; }
::selection { background: var(--accent-color) !important; color: #ffffff !important; }

/* Bordures de champs de saisie */
input:focus, 
select:focus, 
textarea:focus,
.form-control:focus {
    outline: 2px solid var(--accent-color) !important;
    border-color: var(--accent-color) !important;
}

/* Filtres de recherche */
#search_filters .facet .facet-label:hover,
#search_filters .facet .facet-label.active {
    color: var(--accent-color) !important;
}

/* 2. ÉLÉMENTS AU SURVOL ET SÉLECTION (Bleu -> Marron clair) */

/* Liens et Menu */
a:hover, 
.menu-item a:hover, 
#header .menu-item a:hover,
.dropdown-item:hover,
.dropdown-item.active {
    color: #f0dbb0 !important;
    text-decoration: none;
}

/* Boutons et badges */
.btn-primary:hover, 
.btn-primary:focus, 
.btn-primary:active,
.add-to-cart:hover,
.tag-primary {
    background-color: #f0dbb0 !important;
    border-color: #f0dbb0 !important;
    color: #FFFFFF !important;
}

/* Surlignage du texte à la souris */
::selection { background: #f0dbb0 !important; color: #ffffff !important; }
::-moz-selection { background: #f0dbb0 !important; color: #ffffff !important; }

/* 3. IMAGES (Fonds pour photos non carrées) */
.thumbnail-container, 
.product-thumbnail, 
.product-thumbnail img, 
.product-cover img {
    background-color: #fef4e5 !important;
}

/* Suppression radicale du header des catégories (Image + Description) */
.block-category, 
#js-product-list-header, 
.category-description, 
#category-description,
.block-category-inner {
    display: none !important;
}

/* Ajustement pour remonter la liste des produits */
#products {
    margin-top: 0 !important;
}

/* Ajout d'espace au-dessus du bloc newsletter sur l'accueil */
#index #blockEmailSubscription_displayHome, 
.block_newsletter {
    margin-top: 50px !important; /* Ajustez le chiffre (50px) selon vos préférences */
    padding-top: 20px; /* Petit espace intérieur supplémentaire */
}