/* ============================================================
 * WTP Homepage — Style Recreatoon (PS8 Classic compatible)
 * ============================================================ */

/* -- Police Recreatoon pour le menu -- */
@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@700&display=swap');

/* -- CARTE PRODUIT -- bordure + hover rouge -- */
.product-miniature {
    border: 2px solid #f0eded !important;
    border-radius: 18px !important;
    overflow: hidden;
    background: #fff;
    transition: border-color 0.3s ease, box-shadow 0.3s ease, transform 0.2s ease;
    margin-bottom: 20px !important;
}
.product-miniature:hover {
    border-color: #d94040 !important;
    box-shadow: 0 8px 32px rgba(217, 64, 64, 0.10);
    transform: translateY(-3px);
}

/* -- IMAGE -- zoom subtil au hover -- */
.product-miniature .thumbnail-container img {
    transition: transform 0.4s ease;
}
.product-miniature:hover .thumbnail-container img {
    transform: scale(1.03);
}

/* -- TITRE -- */
.product-miniature .product-title a {
    font-weight: 700 !important;
    color: #1a1a1a !important;
    text-decoration: none !important;
    font-size: 15px;
}
.product-miniature .product-title a:hover {
    color: #d94040 !important;
}

/* -- PRIX -- "A partir de" style recreatoon -- */
.product-miniature .product-price-and-shipping {
    text-align: right !important;
    padding-right: 10px;
}
.product-miniature .product-price-and-shipping .price {
    font-weight: 800 !important;
    color: #d94040 !important;
    font-size: 16px !important;
    display: block !important;
}
.product-miniature .product-price-and-shipping .price::before {
    content: "À partir de  ";
    font-size: 13px;
    font-weight: 400;
    font-style: normal;
    color: #d94040;
}
.product-miniature .regular-price {
    color: #aaa !important;
    text-decoration: line-through;
}

/* -- BADGES -- */
.product-miniature .product-flag.new {
    background: #d94040 !important;
    color: #fff !important;
    border-radius: 6px;
}
.product-miniature .product-flag.on-sale,
.product-miniature .discount-percentage {
    background: #d94040 !important;
    color: #fff !important;
    border-radius: 6px;
}

/* -- TITRE SECTION -- */
.featured-products .products-section-title,
section.featured-products h2,
.products-section-title {
    display: none !important;
}

/* -- CACHER bouton ATC sur le listing -- */
.product-miniature .highlighted-informations {
    display: none !important;
}

/* -- CACHER header categorie -- */
#category-description,
.category-cover,
.block-category,
.block-category.card,
section#main .block-category,
#js-product-list-header {
    display: none !important;
}

/* -- CACHER sidebar -- */
#left-column {
    display: none !important;
}
#content-wrapper {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
}

/* -- GRILLE 4 COLONNES (via classes PS8 Classic) -- */
#js-product-list .products .col-xs-6,
#js-product-list .products .col-xl-4,
.featured-products .products .col-xs-6,
.featured-products .products .col-xl-4 {
    flex: 0 0 25% !important;
    max-width: 25% !important;
    padding: 0 10px;
    margin-bottom: 30px;
}
@media (max-width: 991px) {
    #js-product-list .products .col-xs-6,
    #js-product-list .products .col-xl-4,
    .featured-products .products .col-xs-6,
    .featured-products .products .col-xl-4 {
        flex: 0 0 33.33% !important;
        max-width: 33.33% !important;
    }
}
@media (max-width: 575px) {
    #js-product-list .products .col-xs-6,
    #js-product-list .products .col-xl-4,
    .featured-products .products .col-xs-6,
    .featured-products .products .col-xl-4 {
        flex: 0 0 50% !important;
        max-width: 50% !important;
    }
}

/* -- Cacher sous-menu du lien Accueil uniquement -- */
#top-menu > li:first-child .popover.sub-menu,
#top-menu > li:first-child ul.top-menu,
#top-menu > li:first-child ul,
#top-menu > li:first-child .popover,
#top-menu > li:first-child > .collapse,
#top-menu > li:first-child div[data-depth="1"],
#_desktop_top_menu > ul > li:first-child ul,
#_desktop_top_menu > ul > li:first-child .popover,
#_desktop_top_menu > ul > li:first-child .sub-menu {
    display: none !important;
}

/* -- Cacher Meilleures Ventes sur la homepage -- */
.page-index section.bestsellers-products,
.page-index #bestsellers-products,
.page-index .products-bestsellers {
    display: none !important;
}

/* -- Cacher bloc sous-categories -- */
#subcategories,
.subcategories,
.block-categories,
section.subcategories {
    display: none !important;
}

/* -- Cacher Avoirs et Bons de réduction du footer -- */
.footer-container a[href*="credit-slip"],
.footer-container a[href*="discount"] {
    display: none !important;
}

/* -- HISTORIQUE COMMANDES -- boutons Détails / Commander à nouveau -- */
a.view-order-details-link {
    display: inline-block !important;
    padding: 6px 14px !important;
    background: #d94040 !important;
    color: #fff !important;
    border-radius: 6px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    margin: 3px 0 !important;
    transition: all .2s;
}
a.view-order-details-link:hover {
    background: #b83232 !important;
    transform: translateY(-1px);
}

a.reorder-link {
    display: inline-block !important;
    padding: 6px 14px !important;
    background: #fff !important;
    color: #d94040 !important;
    border: 1.5px solid #d94040 !important;
    border-radius: 6px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    margin: 3px 0 !important;
    transition: all .2s;
}
a.reorder-link:hover {
    background: #d94040 !important;
    color: #fff !important;
}

/* -- MENU — fond image taches de peinture sur tout le header -- */
#header .header-top,
.header-top {
    position: relative !important;
    padding: 10px 0 !important;
}
#header .header-top::before,
.header-top::before {
    content: '' !important;
    position: absolute !important;
    top: 0; left: 0; right: 0; bottom: 0 !important;
    background: url('../img/menu-bg.png') center center / cover no-repeat !important;
    opacity: 0.5 !important;
    z-index: 0 !important;
}
#header .header-top > *,
.header-top > * {
    position: relative !important;
    z-index: 1 !important;
}

/* Couleurs neutres — boutons gris clair */
#top-menu > li > a,
#_desktop_top_menu #top-menu > li > a {
    display: inline-block !important;
    background: #f0f0f0 !important;
    color: #333 !important;
    border: 1px solid #e0e0e0 !important;
    border-radius: 20px !important;
    padding: 8px 18px !important;
    margin: 6px 14px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    font-family: 'Nunito', sans-serif !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    letter-spacing: 0.3px;
    text-align: center !important;
    transition: all 0.25s ease;
    box-shadow: 0 2px 6px rgba(0,0,0,0.08);
}
#top-menu > li > a:hover,
#_desktop_top_menu #top-menu > li > a:hover {
    background: #d94040 !important;
    color: #fff !important;
    border-color: #d94040 !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* Pas de couleurs individuelles — boutons uniformes */

#top-menu {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    padding: 8px 0 !important;
    list-style: none !important;
    gap: 8px !important;
}

/* v5: Masquer le lien Personnalisation dans le panier (les images sont déjà affichées) */
.cart-item .customizations,
.cart-item .product-line-info .customization-modal-btn { display: none !important; }

/* Cacher le lien Personnalisation dans le panier */
a[data-target*="customizations-modal"] { display: none !important; }