/* ========================================================================== 1. STRUCTURE & FOND (CRÈME #f8f1e3) ========================================================================== */

body, #main, #wrapper, .footer-container, #footer, .header-nav, .section, .card, .product-miniature, .featured-products, #search_filters, #search_filters_brands, #search_filters_suppliers {
	background-color: #f8f1e3 !important;
}

/* ========================================================================== 2. REMPLACEMENT DES BLEUS PAR MARRON #bc9c83 ========================================================================== */

a, .link, .btn-link, .search-widget form i, .blockcart i, .product-price, .product-prices .current-price span, .page-my-account #content .links a i, .block-categories .category-sub-menu li>a:hover {
	color: #bc9c83 !important;
}

.btn-primary, .tag-primary, .label-primary, .tag-info, .label-info, .nav-pills .nav-link.active, .dropdown-item.active, .page-item.active .page-link, .tabs .nav-link.active, .product-flags .product-flag {
	background-color: #bc9c83 !important;
	color: #ffffff !important;
	border-color: #bc9c83 !important;
}

/* --- PANIER (CORRECTION VISIBILITÉ) --- */

#_desktop_cart .blockcart, #_mobile_cart .blockcart {
	background-color: transparent !important;
}

#_desktop_cart .blockcart a, #_mobile_cart .blockcart a, #_desktop_cart .blockcart i, #_mobile_cart .blockcart i {
	color: #bc9c83 !important;
}

#_desktop_cart .blockcart.active, #_mobile_cart .blockcart.active {
	background-color: #bc9c83 !important;
}

/*#_desktop_cart .blockcart.active a, #_mobile_cart .blockcart.active a, #_desktop_cart .blockcart.active i, #_mobile_cart .blockcart.active i, .cart-products-count {
	color: #ffffff !important;
}*/

/* Boutons de quantité (Touchspin) */

.bootstrap-touchspin .btn-touchspin, .bootstrap-touchspin .btn {
	background-color: #bc9c83 !important;
	color: #ffffff !important;
}

/* ========================================================================== 3. WISHLIST - NEUTRALISATION TOTALE ========================================================================== */

:root {
	--wishlist-color: #bc9c83 !important;
	--wishlist-hover-color: #a6856d !important;
}

[class*="wishlist"] a, [class*="wishlist"] a span, .wishlist-list-item-title, .wishlist-footer-links a, .wishlist-footer-links a i {
	color: #bc9c83 !important;
	fill: #bc9c83 !important;
	text-decoration: none !important;
}

[class*="wishlist"] a:hover, .wishlist-list-item-title:hover {
	color: #a6856d !important;
}

.wishlist-create-button, button[class*="wishlist-create"], .wishlist-add-to, .wishlist-button-add {
	background-color: #bc9c83 !important;
	border-color: #bc9c83 !important;
	color: #ffffff !important;
}

.wishlist-create-button i, .wishlist-add-to i {
	color: #ffffff !important;
}

/* ========================================================================== 5. TUNNEL DE COMMANDE & ÉTATS (MARRON FONCÉ #8b6d56) ========================================================================== */

.checkout-step .step-number, .checkout-step .-complete {
	background-color: #bc9c83 !important;
}

.checkout-step .-current {
	border-left: 3px solid #bc9c83 !important;
}

#order-history .label, .label.label-pill, .state-pills {
	background-color: #8b6d56 !important;
	color: #ffffff !important;
	border-radius: 0 !important;
}

/* ========================================================================== 6. MASQUAGE PRESTASHOP & MAINTENANCE ========================================================================== */

a[href*="prestashop"], .footer-bottom .copyright, .footer-after .copyright, body#checkout footer .text-sm-center {
	display: none !important;
}

body#checkout footer .text-sm-center a:not([href*="prestashop"]) {
	font-size: 14px !important;
	display: inline-block !important;
	visibility: visible !important;
}

#footer .block_newsletter, #footer .block_newsletter input, #footer .block_newsletter .btn {
	border-radius: 0 !important;
}

section#main header.page-header h1 {
	display: none !important;
}

/* ========================================================================== couleur du footer ========================================================================== */

/* 1. On cible le conteneur principal */

.footer-container {
	background-color: #d4c1b6 !important;
	color: black !important
}

.footer-container a {
	background-color: #d4c1b6 !important;
	color: black !important
}

.footer-container div {
	background-color: #d4c1b6 !important;
	color: black !important
}

.footer-container span[style*="color: #8d735b"] {
	color: #000000 !important;
	/* Remplace white par la couleur de ton choix */
}

.footer-container p {
	color: #000000 !important;
}

.footer-container div[style*="border-top"] {
	border-top: 1px solid black !important;
}

#layout-error {
	background-color: #f7f1e4!important;
}

.footer-container .links ul {
	background-color : #d3c0b7;
}
.links .title {
	border-bottom: #000000 solid 1px;
}
a, .link, .btn-link, .search-widget form i, .blockcart i, .product-price, .product-prices .current-price span, #contact-infos i, .block-contact i, .page-my-account #content .links a i, .block-categories .category-sub-menu li>a:hover
Specificity: (0,1,0)
 {
    color: #000000 !important;
}
.footer-container .links ul>li {
        padding: .625rem;
        font-weight: 600;
        border-bottom: 1px solid #b5988b;
    }
    .product-images>li.thumb-container .thumb.selected, .product-images>li.thumb-container .thumb:hover {
    border: #957e73 3px solid;
}
.tabs .nav-tabs .nav-link.active, .tabs .nav-tabs .nav-link:hover {
    border: 0;
    border-bottom: #957e73 3px solid;
}
#blockcart-modal .product-name {
    font-size: 1.125rem;
    color: #957e73;
}
#_desktop_cart .blockcart a, #_mobile_cart .blockcart a, #_desktop_cart .blockcart i, #_mobile_cart .blockcart i {
    color: #3d352f !important;
}
.custom-radio input[type=radio]:checked+span {
    position: absolute;
    top: .125rem;
    left: .125rem;
    display: block;
    width: 12px;
    height: 12px;
    background-color: #957e73;
    border-radius: 50%;
}
.form-control:focus {
    color: #232323;
    background-color: #fff;
    outline: .1875rem solid #937965;
}
.form-control:focus {
    color: #232323;
    background-color: #fff;
    outline: .1875rem solid #937965;
}
.form-control:focus {
    border-color: #000000!important;
    outline :1;
}
















/* =====================================
HEADER DESKTOP PERSONNALISÉ PROPRE
Logo centré + structure verticale
===================================== */
@media (min-width: 992px) {

    /* Organisation verticale */
    #header .header-top .container > .row {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    /* Logo pleine largeur et centré */
    #header .header-top #_desktop_logo {
        width: 120%;
        text-align: center;
        margin: 20px 0;
    }
    #header .header-top #_desktop_logo img {
        display: block;
        margin: 0 auto;
        height: 180px; /* Ajuste si besoin */
        width: auto;
    }
    /* Barre de recherche en dessous */
    #search_widget {
        width: 40%;
        max-width: 800px;
        margin: 15px auto;
    }
/* =====================================
CENTRER LE MENU PRINCIPAL (DESKTOP)
Bloc : #_desktop_top_menu
    /* Conteneur du menu */
    #_desktop_top_menu {
        width: 100%;
        text-align: center;
    }
    /* Espacement entre les éléments (optionnel mais conseillé) */
    #_desktop_top_menu .top-menu > li > a {
        padding: 12px 20px;
        text-align: center;
    }
}







/* =====================================
HEADER T PERSONNALISÉ PROPRE
Logo centré + structure verticale
===================================== */
@media (min-width: 768px) and (max-width: 991px) {

    /* Organisation verticale */
    #header .header-top .container > .row {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    /* Logo pleine largeur et centré */
    #header .header-top #_desktop_logo {
        width: 120%;
        text-align: center;
        margin: 20px 0;
    }
    #header .header-top #_desktop_logo img {
        display: block;
        margin: 0 auto;
        height: 180px; /* Ajuste si besoin */
        width: auto;
    }
    /* Barre de recherche en dessous */
    #search_widget {
        width: 40%;
        max-width: 800px;
        margin: 15px auto;
    }
/* =====================================
CENTRER LE MENU PRINCIPAL (DESKTOP)
Bloc : #_desktop_top_menu
    /* Conteneur du menu */
    #_desktop_top_menu {
        width: 100%;
        text-align: center;
    }

}