/*
Theme Name:   WoodMart Child — O'Case Bébé
Theme URI:    https://ocasebebe.sn
Description:  Thème enfant de WoodMart pour Bambinerie O'Case Bébé
Author:       Bambinerie O'Case Bébé
Author URI:   https://ocasebebe.sn
Template:     WoodMart Theme
Version:      1.0.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  woodmart-child
*/

/* ==========================================================
   VARIABLES GLOBALES
   ========================================================== */
:root {
    --ocb-coral:     #F38181;
    --ocb-coral-dk:  #e06060;
    --ocb-green:     #25D366;
    --ocb-green-dk:  #1da851;
    --ocb-pink-bg:   #fff5f3;
    --ocb-gray:      #f7f7f7;
    --ocb-text:      #2d2d2d;
    --ocb-muted:     #777;
    --ocb-radius:    14px;
    --ocb-shadow:    0 4px 20px rgba(0,0,0,0.08);
    --ocb-shadow-hv: 0 8px 32px rgba(0,0,0,0.14);
    --ocb-transition: 0.25s ease;
}

/* ==========================================================
   CORRECTIF LOGO
   ========================================================== */
.woodmart-logo img,
.whb-logo img,
.logo-main img,
.logo-dark img,
.logo-light img,
.woodmart-sticky-header .woodmart-logo img,
.whb-sticky-placeholder .woodmart-logo img {
    opacity: 1 !important;
    visibility: visible !important;
    display: inline-block !important;
    filter: none !important;
}

@media (max-width: 1024px) {
    .whb-header.whb-transparent-header .woodmart-logo img,
    body.home .woodmart-logo img {
        opacity: 1 !important;
        visibility: visible !important;
        filter: none !important;
    }
}

/* ==========================================================
   TYPOGRAPHIE
   ========================================================== */
body {
    color: var(--ocb-text);
    -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4 {
    letter-spacing: -0.02em;
}

/* ==========================================================
   HEADER
   ========================================================== */
.whb-general-header {
    box-shadow: 0 2px 12px rgba(0,0,0,0.06) !important;
}

.woodmart-search-form input[type="text"],
.woodmart-search-form input[type="search"] {
    border-radius: 50px !important;
    border: 1.5px solid #e8e8e8 !important;
    padding-left: 20px !important;
    transition: border-color var(--ocb-transition) !important;
}

.woodmart-search-form input:focus {
    border-color: var(--ocb-coral) !important;
    outline: none !important;
}

.wd-nav-desktop > li > a {
    font-size: 13.5px !important;
    font-weight: 500 !important;
    padding: 8px 12px !important;
    border-radius: 8px !important;
    transition: background var(--ocb-transition), color var(--ocb-transition) !important;
}

.wd-nav-desktop > li > a:hover {
    background: var(--ocb-pink-bg) !important;
    color: var(--ocb-coral) !important;
}

@media (max-width: 1024px) {
    .wd-mobile-nav .wd-nav-menu > li > a {
        font-size: 15px !important;
        font-weight: 500 !important;
        padding: 14px 20px !important;
        border-bottom: 1px solid #f0f0f0 !important;
    }
    .whb-top-bar {
        font-size: 11px !important;
        padding: 5px 12px !important;
    }
}

/* ==========================================================
   CARDS PRODUITS
   ========================================================== */
.product-grid-item,
.wd-product-grid .product {
    border-radius: var(--ocb-radius) !important;
    overflow: hidden !important;
    transition: transform var(--ocb-transition), box-shadow var(--ocb-transition) !important;
    box-shadow: 0 2px 10px rgba(0,0,0,0.06) !important;
    background: #fff !important;
}

.product-grid-item:hover,
.wd-product-grid .product:hover {
    transform: translateY(-4px) !important;
    box-shadow: var(--ocb-shadow-hv) !important;
}

/* Hauteur fixe images — alignement des boutons */
.product-grid-item .product-image-link,
.wd-product-grid .product .product-image-link {
    display: block !important;
    height: 300px !important;
    background: #f9f9f9 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
}

.product-grid-item .product-image-link img,
.wd-product-grid .product img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
    transition: transform 0.35s ease !important;
}

.product-grid-item:hover .product-image-link img,
.wd-product-grid .product:hover img {
    transform: scale(1.04) !important;
}

@media (max-width: 768px) {
    .product-grid-item .product-image-link,
    .wd-product-grid .product .product-image-link {
        height: 220px !important;
    }
}

.product-grid-item .wd-entities-title,
.wd-product-grid .woocommerce-loop-product__title {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: var(--ocb-text) !important;
    line-height: 1.4 !important;
}

.product-grid-item .wd-product-cats,
.wd-product-grid .wd-product-cats {
    font-size: 11px !important;
    color: var(--ocb-muted) !important;
    text-transform: uppercase !important;
    letter-spacing: 0.04em !important;
}

.product-grid-item .price,
.wd-product-grid .price {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: var(--ocb-coral) !important;
}

.product-grid-item .price del,
.wd-product-grid .price del {
    font-size: 12px !important;
    color: #aaa !important;
    font-weight: 400 !important;
}

.wd-product-label.wd-sale-label,
.product-grid-item .onsale {
    background: var(--ocb-coral) !important;
    color: #fff !important;
    border-radius: 50px !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    padding: 3px 10px !important;
}

/* Bouton Ajouter au panier */
.product-grid-item .button.add_to_cart_button,
.wd-product-grid .add_to_cart_button {
    background: var(--ocb-coral) !important;
    color: #fff !important;
    border-radius: 50px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    padding: 10px 18px !important;
    border: none !important;
    width: 100% !important;
    transition: background var(--ocb-transition) !important;
}

.product-grid-item .button.add_to_cart_button:hover,
.wd-product-grid .add_to_cart_button:hover {
    background: var(--ocb-coral-dk) !important;
}

/* Bouton WhatsApp — TOUS contextes y compris Elementor homepage inline styles */
a[href*="whatsapp"],
a[href*="api.whatsapp"],
a[href*="wa.me"],
.product-grid-item a[href*="whatsapp"],
.wd-product-grid a[href*="whatsapp"],
.woocommerce a[href*="whatsapp"].button,
.products a[href*="whatsapp"],
.woodmart-whatsapp-btn,
.elementor-button-wrapper a[href*="whatsapp"],
.elementor-widget-button a[href*="whatsapp"],
.elementor a[href*="whatsapp"].elementor-button,
.elementor a[href*="whatsapp"].button,
.elementor a[href*="wa.me"].elementor-button,
.elementor a[href*="wa.me"].button {
    background: #25D366 !important;
    background-color: #25D366 !important;
    color: #fff !important;
    border-radius: 50px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    padding: 10px 18px !important;
    border: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    width: 100% !important;
    margin-top: 6px !important;
    transition: background var(--ocb-transition) !important;
}

a[href*="whatsapp"]:hover,
a[href*="api.whatsapp"]:hover,
a[href*="wa.me"]:hover,
.product-grid-item a[href*="whatsapp"]:hover,
.wd-product-grid a[href*="whatsapp"]:hover,
.products a[href*="whatsapp"]:hover,
.elementor a[href*="whatsapp"].elementor-button:hover,
.elementor a[href*="wa.me"].elementor-button:hover {
    background: #1da851 !important;
    background-color: #1da851 !important;
    color: #fff !important;
}

/* ==========================================================
   PAGE CATÉGORIE
   ========================================================== */
.woocommerce-products-header__title,
.wd-page-title h1,
h1.entry-title {
    font-size: clamp(22px, 4vw, 36px) !important;
    font-weight: 800 !important;
    color: var(--ocb-text) !important;
    margin-bottom: 6px !important;
}

.woocommerce .woocommerce-breadcrumb,
.wd-breadcrumb {
    font-size: 12px !important;
    color: var(--ocb-muted) !important;
    margin-bottom: 20px !important;
}

.woocommerce .woocommerce-breadcrumb a,
.wd-breadcrumb a {
    color: var(--ocb-coral) !important;
    text-decoration: none !important;
}

.woocommerce-ordering select,
.wd-toolbar select {
    border-radius: 50px !important;
    border: 1.5px solid #e8e8e8 !important;
    padding: 8px 16px !important;
    font-size: 13px !important;
}

.widget.woocommerce.widget_layered_nav,
.widget_price_filter {
    background: #fff !important;
    border-radius: var(--ocb-radius) !important;
    padding: 16px !important;
    box-shadow: var(--ocb-shadow) !important;
    margin-bottom: 16px !important;
}

/* ==========================================================
   FICHE PRODUIT
   ========================================================== */
.product_title.entry-title {
    font-size: clamp(18px, 3vw, 28px) !important;
    font-weight: 800 !important;
    line-height: 1.3 !important;
    color: var(--ocb-text) !important;
}

.single-product .price {
    font-size: 26px !important;
    font-weight: 800 !important;
    color: var(--ocb-coral) !important;
}

.single-product .price del {
    font-size: 16px !important;
    color: #aaa !important;
    font-weight: 400 !important;
}

.in-stock {
    color: var(--ocb-green) !important;
    font-weight: 600 !important;
    font-size: 13px !important;
}

.single-product .single_add_to_cart_button,
.woocommerce .single_add_to_cart_button {
    background: var(--ocb-coral) !important;
    border-radius: 50px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    padding: 14px 32px !important;
    border: none !important;
    transition: background var(--ocb-transition), transform var(--ocb-transition) !important;
}

.single-product .single_add_to_cart_button:hover {
    background: var(--ocb-coral-dk) !important;
    transform: translateY(-2px) !important;
}

.single-product a[href*="whatsapp"].button {
    background: var(--ocb-green) !important;
    border-radius: 50px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    padding: 14px 32px !important;
    transition: background var(--ocb-transition) !important;
}

.single-product a[href*="whatsapp"].button:hover {
    background: var(--ocb-green-dk) !important;
}

.woocommerce-product-gallery {
    border-radius: var(--ocb-radius) !important;
    overflow: hidden !important;
}

.woocommerce-product-gallery .flex-control-thumbs li img {
    border-radius: 8px !important;
    opacity: 0.7 !important;
    border: 2px solid transparent !important;
    transition: opacity var(--ocb-transition), border-color var(--ocb-transition) !important;
}

.woocommerce-product-gallery .flex-control-thumbs li img.flex-active,
.woocommerce-product-gallery .flex-control-thumbs li img:hover {
    opacity: 1 !important;
    border-color: var(--ocb-coral) !important;
}

.woocommerce-tabs .tabs li a {
    font-weight: 600 !important;
    font-size: 14px !important;
    color: var(--ocb-muted) !important;
}

.woocommerce-tabs .tabs li.active a {
    color: var(--ocb-coral) !important;
}

.related.products > h2,
.upsells.products > h2 {
    font-size: 20px !important;
    font-weight: 800 !important;
    color: var(--ocb-text) !important;
    margin-bottom: 20px !important;
    padding-bottom: 10px !important;
    border-bottom: 2px solid var(--ocb-coral) !important;
    display: inline-block !important;
}

/* ==========================================================
   MON COMPTE
   ========================================================== */
.woocommerce-MyAccount-navigation ul li a {
    display: block !important;
    padding: 12px 16px !important;
    border-radius: 10px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    color: var(--ocb-text) !important;
    transition: background var(--ocb-transition), color var(--ocb-transition) !important;
}

.woocommerce-MyAccount-navigation ul li a:hover,
.woocommerce-MyAccount-navigation ul li.is-active a {
    background: var(--ocb-pink-bg) !important;
    color: var(--ocb-coral) !important;
}

/* ==========================================================
   FOOTER
   ========================================================== */

/* Fond sombre — footer WoodMart + Elementor */
.site-footer,
.site-footer .footer-container,
.site-footer .wd-footer-widgets,
.woodmart-footer-widgets,
footer#colophon,
footer.site-footer,
.site-footer .elementor-section,
.site-footer section.elementor-section,
.site-footer .elementor-top-section,
.site-footer .wd-negative-gap,
.site-footer .elementor-inner-section {
    background-color: #1a1a2e !important;
}

/* Colonnes Elementor footer — fond transparent pour hériter */
.site-footer .elementor-column,
.site-footer .elementor-col-25,
.site-footer .elementor-col-50,
.site-footer .elementor-col-100,
.site-footer .elementor-widget-wrap {
    background-color: transparent !important;
}

/* Textes footer */
.site-footer,
.site-footer p,
.site-footer li,
.site-footer span,
.site-footer .textwidget,
.woodmart-footer-widgets,
.woodmart-footer-widgets p,
.woodmart-footer-widgets li,
.wd-footer-widgets p,
.wd-footer-widgets li {
    color: #ccc !important;
    font-size: 13px !important;
}

/* Titres footer */
.site-footer h2,
.site-footer h3,
.site-footer h4,
.site-footer .widget-title,
.site-footer .widgettitle,
.woodmart-footer-widgets .widget-title,
.wd-footer-widgets .widget-title {
    color: #fff !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.08em !important;
    margin-bottom: 16px !important;
}

/* Liens footer */
.site-footer a,
.woodmart-footer-widgets a,
.wd-footer-widgets a {
    color: #bbb !important;
    font-size: 13px !important;
    transition: color var(--ocb-transition) !important;
}

.site-footer a:hover,
.woodmart-footer-widgets a:hover,
.wd-footer-widgets a:hover {
    color: var(--ocb-coral) !important;
}

/* Barre copyright */
.site-footer .footer-copyright,
.site-footer .wd-copyright-text,
.woodmart-footer-copyright {
    background-color: #12122a !important;
    color: #888 !important;
    font-size: 12px !important;
}

.site-footer .footer-copyright a,
.woodmart-footer-copyright a {
    color: #888 !important;
}

.site-footer .footer-copyright a:hover,
.woodmart-footer-copyright a:hover {
    color: var(--ocb-coral) !important;
}


/* ==========================================================
   MENU MOBILE WOODMART — structure onglets CATÉGORIES / MENU
   ========================================================== */

/* Conteneur global du panneau mobile */
.wd-mobile-nav-holder,
.wd-nav-mobile-holder,
.whb-mobile-nav {
    background: #fff !important;
    box-shadow: 4px 0 30px rgba(0,0,0,0.15) !important;
}

/* Barre de recherche en haut */
.wd-mobile-nav-holder .wd-search-form-mobile,
.whb-mobile-nav .woodmart-search-form {
    background: #f7f7f7 !important;
    border-radius: 50px !important;
    margin: 12px 16px !important;
    border: none !important;
}

/* Onglets CATÉGORIES / MENU */
.wd-nav-tabs,
.wd-mobile-nav-tabs {
    display: flex !important;
    background: #f5f5f5 !important;
    border-bottom: 1px solid #eee !important;
}

.wd-nav-tabs .wd-tab-item,
.wd-mobile-nav-tabs li,
.wd-nav-tabs li {
    flex: 1 !important;
    text-align: center !important;
}

.wd-nav-tabs .wd-tab-item a,
.wd-nav-tabs li a,
.wd-mobile-nav-tabs li a {
    display: block !important;
    padding: 14px 10px !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: 0.06em !important;
    text-transform: uppercase !important;
    color: var(--ocb-muted) !important;
    border-bottom: 3px solid transparent !important;
    transition: color var(--ocb-transition), border-color var(--ocb-transition) !important;
}

.wd-nav-tabs .wd-tab-item.active a,
.wd-nav-tabs li.active a,
.wd-mobile-nav-tabs li.active a {
    color: var(--ocb-coral) !important;
    border-bottom-color: var(--ocb-coral) !important;
    background: #fff !important;
}

/* Items catégories — avec flèche > à droite */
.wd-categories-tab li a,
.wd-nav-cats > li > a {
    font-size: 15px !important;
    font-weight: 500 !important;
    color: var(--ocb-text) !important;
    padding: 15px 20px !important;
    border-bottom: 1px solid #f0f0f0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
}

.wd-categories-tab li a:hover,
.wd-nav-cats > li > a:hover {
    color: var(--ocb-coral) !important;
    background: var(--ocb-pink-bg) !important;
}

/* Sous-catégories (niveau 2 affiché dans panel secondaire) */
.wd-sub-cats li a,
.wd-nav-cats .sub-menu li a {
    font-size: 13px !important;
    font-weight: 600 !important;
    color: var(--ocb-text) !important;
    padding: 14px 20px !important;
    border-bottom: 1px solid #f0f0f0 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.03em !important;
    display: block !important;
}

.wd-sub-cats li a:hover,
.wd-nav-cats .sub-menu li a:hover {
    color: var(--ocb-coral) !important;
    background: var(--ocb-pink-bg) !important;
}

/* Bouton "DE RETOUR DE CATÉGORIES" */
.wd-back-cat,
.wd-mobile-back {
    font-size: 13px !important;
    font-weight: 700 !important;
    color: var(--ocb-coral) !important;
    padding: 14px 20px !important;
    border-bottom: 2px solid #f0f0f0 !important;
    background: var(--ocb-pink-bg) !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}

/* Items MENU — avec icônes */
.wd-menu-tab li a,
.wd-nav-menu > li > a {
    font-size: 15px !important;
    font-weight: 600 !important;
    color: var(--ocb-text) !important;
    padding: 15px 20px !important;
    border-bottom: 1px solid #f0f0f0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    transition: color var(--ocb-transition), background var(--ocb-transition) !important;
}

.wd-menu-tab li a:hover,
.wd-nav-menu > li > a:hover {
    color: var(--ocb-coral) !important;
    background: var(--ocb-pink-bg) !important;
}

/* Icônes dans le menu */
.wd-menu-tab li a img,
.wd-nav-menu > li > a img {
    width: 24px !important;
    height: 24px !important;
    border-radius: 4px !important;
}

/* Bouton hamburger */
.wd-tools-icon-type-icon .wd-tools-element,
.wd-header-mobile-nav .wd-tools-element,
.wd-tools-element[data-type="mobile-nav"] {
    color: var(--ocb-coral) !important;
}

/* Flèche > dans les items catégories */
.wd-categories-tab li a::after,
.wd-nav-cats > li.menu-item-has-children > a::after {
    content: '›' !important;
    font-size: 20px !important;
    color: #ccc !important;
    line-height: 1 !important;
}

/* ==========================================================
   MOBILE
   ========================================================== */
@media (max-width: 768px) {

    .products.wd-products-grid {
        gap: 12px !important;
    }

    .product-grid-item {
        border-radius: 12px !important;
    }

    .product-grid-item .wd-entities-title {
        font-size: 13px !important;
    }

    .product-grid-item .price {
        font-size: 15px !important;
        font-weight: 800 !important;
    }

    .product-grid-item .button,
    .product-grid-item a[href*="whatsapp"] {
        min-height: 42px !important;
        font-size: 13px !important;
    }

    .product_title.entry-title {
        font-size: 18px !important;
    }

    .single-product .price {
        font-size: 22px !important;
    }

    .single-product .single_add_to_cart_button,
    .single-product a[href*="whatsapp"].button {
        width: 100% !important;
        text-align: center !important;
        padding: 14px 20px !important;
        font-size: 14px !important;
    }

    .woocommerce .woocommerce-breadcrumb {
        font-size: 11px !important;
    }

    h1.entry-title,
    .woocommerce-products-header__title {
        font-size: 20px !important;
    }

    .wd-sticky-sidebar,
    .woocommerce-sticky-add-to-cart {
        border-top: 1px solid #eee !important;
        box-shadow: 0 -4px 16px rgba(0,0,0,0.08) !important;
        padding: 10px 16px !important;
        background: #fff !important;
    }
}

/* ==========================================================
   FICHE PRODUIT — NETTOYAGE MOBILE
   ========================================================== */

/* Masquer UGS (SKU) */
.product_meta .sku_wrapper {
    display: none !important;
}

/* Masquer ligne Catégorie */
.product_meta .posted_in {
    display: none !important;
}

/* Masquer ligne Étiquette */
.product_meta .tagged_as {
    display: none !important;
}

/* Boutons de partage social — compacts et inline */
.wd-share-buttons,
.sharedaddy,
.sd-sharing-enabled {
    margin-top: 12px !important;
}

/* Réduire les boutons de partage WhatsApp/Telegram en icônes ronds */
.wd-share-buttons a,
.sd-content ul li a,
.sharedaddy .sd-content ul li a {
    width: 38px !important;
    height: 38px !important;
    min-width: unset !important;
    border-radius: 50% !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 0 !important;
    overflow: hidden !important;
}

.wd-share-buttons a svg,
.wd-share-buttons a i,
.sd-content ul li a svg,
.sd-content ul li a i {
    font-size: 18px !important;
    width: 18px !important;
    height: 18px !important;
}

/* Container partage — flex horizontal */
.wd-share-buttons .wd-social-share,
.sd-content ul,
.sharedaddy .sd-content ul {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    padding: 0 !important;
    list-style: none !important;
}

/* Masquer labels texte dans les boutons partage */
.sd-content ul li a span,
.sharedaddy .sd-content ul li a .share-name {
    display: none !important;
}

/* ==========================================================
   FOOTER MOBILE — CORRECTIONS
   ========================================================== */

/* Images cassées footer (Wave Money, Orange Money, réseaux) */
.site-footer img[src=""],
.site-footer img:not([src]),
footer img[alt] {
    display: none !important;
}

/* Footer mobile — colonnes empilées proprement */
@media (max-width: 768px) {
    .site-footer .elementor-column,
    .site-footer .elementor-col-25,
    .site-footer .elementor-col-50 {
        width: 100% !important;
        padding: 16px 20px !important;
    }

    .site-footer .widget-title {
        font-size: 13px !important;
        font-weight: 700 !important;
        letter-spacing: 0.06em !important;
        text-transform: uppercase !important;
        margin-bottom: 12px !important;
        padding-bottom: 8px !important;
        border-bottom: 1px solid rgba(255,255,255,0.1) !important;
    }

    /* Cacher les colonnes vides footer sur mobile */
    .site-footer .elementor-column:empty {
        display: none !important;
    }
}

/* ==========================================================
   STICKY BAR MOBILE — fiche produit
   ========================================================== */

/* La sticky bar - 1 + doit rester propre et visible */
@media (max-width: 768px) {
    .wd-sticky-add-to-cart,
    .woocommerce-sticky-add-to-cart,
    .wd-single-sticky-atc {
        background: #fff !important;
        border-top: 1px solid #eee !important;
        box-shadow: 0 -4px 20px rgba(0,0,0,0.10) !important;
        padding: 10px 16px !important;
        display: flex !important;
        align-items: center !important;
        gap: 10px !important;
        z-index: 9999 !important;
    }

    .wd-sticky-add-to-cart .quantity,
    .wd-single-sticky-atc .quantity {
        flex-shrink: 0 !important;
    }

    .wd-sticky-add-to-cart .single_add_to_cart_button,
    .wd-single-sticky-atc .single_add_to_cart_button {
        flex: 1 !important;
        text-align: center !important;
        padding: 12px !important;
        font-size: 14px !important;
        border-radius: 50px !important;
        background: var(--ocb-coral) !important;
        color: #fff !important;
        border: none !important;
    }
}

/* ==========================================================
   BOUTONS PARTAGE SOCIAL — MASQUER les grands boutons WA/TG
   ========================================================== */

/* Masquer complètement les grands boutons de partage WhatsApp/Telegram */
.wd-social-buttons,
.wd-share-buttons,
.wd-share-buttons .wd-social-share,
.woodmart-social-sharing,
.woocommerce .product .wd-single-sharing {
    display: none !important;
}

/* Garder uniquement les petites icônes de partage (f, X, in) */
.woocommerce .product .product_meta ~ .wd-single-sharing {
    display: none !important;
}

/* ==========================================================
   STICKY BAR — bouton WhatsApp texte blanc forcé
   ========================================================== */
.wd-sticky-add-to-cart a[href*="whatsapp"],
.wd-single-sticky-atc a[href*="whatsapp"],
.woocommerce-sticky-add-to-cart a[href*="whatsapp"] {
    background: #25D366 !important;
    background-color: #25D366 !important;
    color: #fff !important;
    border-radius: 50px !important;
}

.wd-sticky-add-to-cart a[href*="whatsapp"] *,
.wd-single-sticky-atc a[href*="whatsapp"] * {
    color: #fff !important;
}

/* ==========================================================
   STICKY BAR PRODUIT — masquer sur desktop, garder mobile
   ========================================================== */

/* Masquer sur desktop */
@media (min-width: 1025px) {
    .wd-sticky-add-to-cart,
    .wd-single-sticky-atc,
    .woocommerce-sticky-add-to-cart,
    .wd-product-sticky-panel {
        display: none !important;
    }
}

/* ==========================================================
   FOOTER — CORRECTION COULEURS TEXTE ELEMENTOR
   ========================================================== */

/* Le footer Elementor reste sur fond blanc — adapter les couleurs */
.site-footer .elementor-widget-text-editor,
.site-footer .elementor-widget-text-editor p,
.site-footer .elementor-widget-text-editor a,
.site-footer .elementor-widget-nav-menu .elementor-nav-menu a,
.site-footer .elementor-widget-nav-menu li a,
.site-footer .elementor-icon-list-item a,
.site-footer .elementor-icon-list-text,
.site-footer .elementor-heading-title,
.site-footer p,
.site-footer li,
.site-footer a {
    color: #333 !important;
}

.site-footer .elementor-heading-title {
    font-weight: 700 !important;
    font-size: 13px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.06em !important;
    color: #111 !important;
}

.site-footer .elementor-widget-nav-menu .elementor-nav-menu a:hover,
.site-footer .elementor-icon-list-item a:hover,
.site-footer a:hover {
    color: var(--ocb-coral) !important;
}

/* Copyright bar */
.site-footer .elementor-section:last-child,
.site-footer .elementor-top-section:last-child {
    border-top: 1px solid #eee !important;
}

.site-footer .copyright-bar,
.site-footer .elementor-section:last-child p,
.site-footer .elementor-section:last-child a {
    color: #888 !important;
    font-size: 12px !important;
}

/* ==========================================================
   BADGES / STICKERS PRODUITS — ANIMÉS
   ========================================================== */

/* ---- ANIMATIONS ---- */
@keyframes ocb-pulse {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.12); }
}

@keyframes ocb-shake {
    0%, 100% { transform: rotate(-3deg); }
    50% { transform: rotate(3deg); }
}

@keyframes ocb-bounce {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-4px); }
}

@keyframes ocb-flash {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.7; }
}

@keyframes ocb-spin-slow {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

@keyframes ocb-ribbon-shine {
    0% { background-position: -200% center; }
    100% { background-position: 200% center; }
}

/* ---- BASE BADGE ---- */
.wd-product-label,
.woocommerce-loop-product .onsale,
.product-grid-item .onsale {
    border-radius: 6px !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    letter-spacing: 0.05em !important;
    text-transform: uppercase !important;
    padding: 4px 10px !important;
    line-height: 1.4 !important;
    box-shadow: 0 3px 10px rgba(0,0,0,0.2) !important;
    z-index: 10 !important;
}

/* ---- BADGE SOLDES (automatique sur produits en promo) ---- */
.wd-product-label.wd-sale-label,
.woocommerce-loop-product .onsale,
.product-grid-item .onsale {
    background: linear-gradient(135deg, #e8322a, #ff6b35) !important;
    color: #fff !important;
    animation: ocb-pulse 1.5s ease-in-out infinite !important;
    border-radius: 50px !important;
}

.wd-product-label.wd-sale-label::before,
.product-grid-item .onsale::before {
    content: '🔥 ' !important;
}

/* ---- BADGE NOUVEAU (produits récents < 30 jours) ---- */
.wd-product-label.wd-new-label {
    background: linear-gradient(135deg, #667eea, #764ba2) !important;
    color: #fff !important;
    animation: ocb-bounce 2s ease-in-out infinite !important;
    border-radius: 6px !important;
}

.wd-product-label.wd-new-label::before {
    content: '✨ ' !important;
}

/* ---- BADGE FEATURED / HOT (produits mis en avant) ---- */
.wd-product-label.wd-featured-label {
    background: linear-gradient(135deg, #f7971e, #ffd200) !important;
    color: #1a1a1a !important;
    animation: ocb-shake 2.5s ease-in-out infinite !important;
    border-radius: 6px !important;
}

.wd-product-label.wd-featured-label::before {
    content: '⚡ ' !important;
}

/* ---- BADGE STOCK LIMITÉ (via custom label WoodMart) ---- */
.wd-product-label[class*="stock"],
.wd-product-label[class*="limit"] {
    background: linear-gradient(135deg, #ff416c, #ff4b2b) !important;
    color: #fff !important;
    animation: ocb-flash 1.2s ease-in-out infinite !important;
    border-radius: 6px !important;
}

/* ---- STICKER ROTATIF — coins des cards ---- */
.product-grid-item .wd-product-labels,
.wd-product-grid .product .wd-product-labels {
    position: absolute !important;
    top: 10px !important;
    left: 10px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 5px !important;
    z-index: 10 !important;
}

/* ---- RUBAN POPULAIRE — angle card (via PHP hook) ---- */
.ocb-ribbon {
    position: absolute !important;
    top: 14px !important;
    right: -8px !important;
    background: linear-gradient(90deg, #25D366, #1da851, #25D366) !important;
    background-size: 200% auto !important;
    color: #fff !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    padding: 5px 16px 5px 12px !important;
    letter-spacing: 0.06em !important;
    box-shadow: 0 3px 8px rgba(0,0,0,0.2) !important;
    animation: ocb-ribbon-shine 2.5s linear infinite !important;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 8px 100%) !important;
    z-index: 11 !important;
}

/* ---- HOVER — badges grossissent au survol ---- */
.product-grid-item:hover .wd-product-label,
.product-grid-item:hover .onsale,
.product-grid-item:hover .ocb-ribbon {
    transform: scale(1.1) !important;
    transition: transform 0.2s ease !important;
}

/* ---- MOBILE — badges plus petits ---- */
@media (max-width: 768px) {
    .wd-product-label,
    .woocommerce-loop-product .onsale {
        font-size: 9px !important;
        padding: 3px 8px !important;
    }
}