/* Fond global (extérieur) */
html,
body {
    background-color: #FAF9F7 !important;
}

/* Le wrapper du thème ne doit PAS être blanc */
main#wrapper.wrapper,
#wrapper,
#content-wrapper {
    background-color: transparent !important;
}

/* Les zones "cartes" restent blanches pour l’effet premium */
.card,
.product-miniature .card,
.page-content,
.page-footer,
header {
    background-color: #FFFFFF;
}

.card,
.product-miniature {
    border-radius: 6px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04);
}


.wrapper {
    background: transparent !important;
}

/* Desktop/tablette : caption plus large */
#home-slider .carousel-caption.caption {
    max-width: min(70%, 52rem) !important;
    width: auto !important;
}

/* Mobile : quasi pleine largeur */
@media (max-width: 768px) {
    #home-slider .carousel-caption.caption {
        max-width: 92% !important;
    }
}

#home-slider .carousel-caption.caption .caption-description,
#home-slider .carousel-caption.caption h2,
#home-slider .carousel-caption.caption h3 {
    max-width: 100% !important;
}


/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */

/* Liste produits (product miniature) */
.product-miniature .quantity-button,
.product-miniature .js-quantity-button {
    display: none !important;
}

/* Fiche produit */
#product .quantity-button,
#product .js-quantity-button {
    display: none !important;
}

/* Add to cart : pleine largeur de la carte produit */
.product-miniature form {
    width: 100%;
}

.product-miniature button[data-button-action="add-to-cart"] {
    width: 100%;
    flex: 0 0 100%;
}

/* Panier : masquer le sélecteur +/- */
.cart-item .quantity-button,
.product-line__informations .row,
.js-cart-line-product-quantity,
.js-decrement-button,
.js-increment-button {
    display: none !important;
}


/* 1) Tokens globaux */
:root {
    --premium-primary: #B07A12;
    --premium-primary-hover: #8E610E;
    --premium-surface: #FFFFFF;
    --premium-surface-alt: #FBF7F0;
    --premium-text: #1F1B16;
    --premium-muted: #6B5E54;
    --premium-border: rgba(176, 122, 18, 0.18);
    --premium-focus: rgba(176, 122, 18, 0.28);

    /* Bootstrap variables utilisées par PrestaShop/Hummingbird */
    --bs-primary: var(--premium-primary);
    --bs-primary-rgb: 176, 122, 18;
    --bs-link-color: var(--premium-primary);
    --bs-link-hover-color: var(--premium-primary-hover);
}

/* 2) Base: fonds + texte (ne pas noircir trop) */
body {
    color: var(--premium-text);
    background-color: var(--premium-surface);
}

/* Option premium: sections très légèrement chaudes */
#wrapper,
#content-wrapper {
    background-color: var(--premium-surface);
}

/* 3) Liens */
a {
    color: var(--bs-link-color);
}

a:hover {
    color: var(--bs-link-hover-color);
}

/* 4) Boutons primary */
.btn-primary {
    background-color: var(--premium-primary);
    border-color: var(--premium-primary);
    color: #fff;
}

.btn-primary:hover,
.btn-primary:focus {
    background-color: var(--premium-primary-hover);
    border-color: var(--premium-primary-hover);
    color: #fff;
}

/* 5) Focus premium (évite le bleu, reste accessible) */
.btn:focus-visible,
.btn-primary:focus-visible,
a:focus-visible,
.form-control:focus,
.form-select:focus {
    outline: none;
    box-shadow: 0 0 0 0.25rem var(--premium-focus);
    border-color: rgba(176, 122, 18, 0.35);
}

/* 6) Cards / blocs produits : bordures chaudes + hover subtil */
.card,
.product-miniature .card {
    border-color: var(--premium-border);
    box-shadow: none;
}

.product-miniature .card:hover {
    box-shadow: 0 10px 30px rgba(31, 27, 22, 0.08);
    transform: translateY(-1px);
    transition: box-shadow .2s ease, transform .2s ease;
}

/* 7) Badges (Neuf / etc.) */
.product-flags .badge,
.badge {
    background-color: var(--premium-primary);
    color: #fff;
}

/* 8) Éléments actifs: pagination, onglets, filtres, checkbox */
.page-item.active .page-link,
.nav-link.active,
.form-check-input:checked {
    background-color: var(--premium-primary);
    border-color: var(--premium-primary);
    color: #fff;
}

.page-link:hover {
    color: var(--premium-primary);
}

/* 9) Champs & bordures (premium) */
.form-control,
.form-select,
.input-group-text {
    border-color: rgba(31, 27, 22, 0.12);
}

.form-control::placeholder {
    color: rgba(31, 27, 22, 0.45);
}

/* 10) Touches “luxe” discrètes: arrière-plan sections */
.block,
.footer-container,
.header-top {
    background-color: var(--premium-surface);
}

/* 11) Icônes interactives (wishlist/quickview) */
.wishlist-button-add,
.product-miniature__quickview_button,
.product-miniature__quickview_button i {
    color: var(--premium-primary);
}

.wishlist-button-add:hover,
.product-miniature__quickview_button:hover,
.product-miniature__quickview_button:hover i {
    color: var(--premium-primary-hover);
}

/* Outline primary */
.btn-outline-primary {
    --bs-btn-color: var(--bs-primary);
    --bs-btn-border-color: var(--bs-primary);
    --bs-btn-hover-bg: var(--bs-primary);
    --bs-btn-hover-border-color: var(--bs-primary);
    --bs-btn-active-bg: var(--bs-primary);
    --bs-btn-active-border-color: var(--bs-primary);
    --bs-btn-focus-shadow-rgb: var(--bs-primary-rgb);
}

/* Boutons "link" qui restent bleus */
.btn-link {
    color: var(--bs-link-color);
}

.btn-link:hover {
    color: var(--bs-link-hover-color);
}

.btn-primary:disabled,
.btn-primary.disabled {
    background-color: rgba(176, 122, 18, 0.35) !important;
    border-color: rgba(176, 122, 18, 0.35) !important;
    color: #fff !important;
    opacity: 1;
}

.btn-outline-primary:disabled,
.btn-outline-primary.disabled {
    color: rgba(176, 122, 18, 0.6) !important;
    border-color: rgba(176, 122, 18, 0.6) !important;
    background-color: transparent !important;
    opacity: 1;
}

.btn:disabled,
.btn.disabled {
    --bs-btn-disabled-color: rgba(176, 122, 18, 0.6);
    --bs-btn-disabled-border-color: rgba(176, 122, 18, 0.6);
}

/* Bouton Ajouter au panier – couleur premium forcée sur tous les états */
.btn-primary,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary:focus-visible,
.btn-primary.disabled,
.btn-primary:disabled {
    background-color: var(--premium-primary) !important;
    border-color: var(--premium-primary) !important;
    color: #fff !important;
}

/* État hover / active plus foncé */
.btn-primary:hover,
.btn-primary:active {
    background-color: var(--premium-primary-hover) !important;
    border-color: var(--premium-primary-hover) !important;
}

/* Supprimer le halo bleu Bootstrap */
.btn-primary:focus,
.btn-primary:focus-visible {
    box-shadow: 0 0 0 0.25rem var(--premium-focus) !important;
}