/*
 Theme Name:   Woodmart Child
 Description:  Woodmart Child Theme
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     woodmart
 Version:      1.0.0
 Text Domain:  woodmart
*/

/* =============================================
   CAROUSEL ACCUEIL — copie exacte boutique 
   ============================================= */

.elementor-element-e3bc4f7 h3.wd-entities-title a,
.elementor-element-e3bc4f7 h2.wd-entities-title a,
.elementor-element-e3bc4f7 .wd-entities-title a {
    font-family: "Inter", sans-serif !important;
    font-weight: 500 !important;
    font-size: 13px !important;
    letter-spacing: 0.06em !important;
    text-transform: uppercase !important;
    color: #3a3a3a !important;
    line-height: 1.4 !important;
}

/* Prix produits — Inter 400 12px doré (partout) */
.woocommerce-Price-amount,
.woocommerce-Price-amount bdi {
    font-family: "Inter", sans-serif !important;
    font-weight: 400 !important;
    font-size: 12px !important;
    color: #b8965a !important;
}
.price del .woocommerce-Price-amount,
.price del bdi {
    font-family: "Inter", sans-serif !important;
    color: #b8965a !important;
}

/* =============================================
   MENU — PC = menu horizontal (meme petit ecran)
           Tactile (iPad/tablette, meme grand) = menu mobile
   ============================================= */

/* --- Forcer le menu mobile sur tout appareil tactile (Elementor detecte deja le touch) --- */
body.e--ua-isTouchDevice .whb-visible-lg {
    display: none !important;
}
body.e--ua-isTouchDevice .whb-hidden-lg {
    display: flex !important;
}

/* --- Menu PC compact — uniquement si PAS tactile --- */

/* Palier 1 : 1200-1400px, reduction legere */
@media (min-width:1200px) and (max-width:1400px) {
    body:not(.e--ua-isTouchDevice) .wd-nav-main > li > a,
    body:not(.e--ua-isTouchDevice) .wd-header-nav > ul > li > a {
        letter-spacing: 0 !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
}

/* Palier 2 : 1025-1199px, reduction plus forte */
@media (min-width:1025px) and (max-width:1199px) {
    body:not(.e--ua-isTouchDevice) .wd-nav-main > li > a,
    body:not(.e--ua-isTouchDevice) .wd-header-nav > ul > li > a {
        letter-spacing: 0 !important;
        padding-left: 6px !important;
        padding-right: 6px !important;
        font-size: 12px !important;
    }
}

/* Anti-casse : empeche le retour a la ligne */
@media (min-width:1025px) and (max-width:1400px) {
    body:not(.e--ua-isTouchDevice) .wd-nav-main,
    body:not(.e--ua-isTouchDevice) .wd-header-nav > ul {
        flex-wrap: nowrap !important;
    }
}
/* Empeche le texte de chaque lien de menu de passer a la ligne */
.wd-nav-main > li > a,
.wd-header-nav > ul > li > a {
    white-space: nowrap !important;
}

/* Palier 1 : 1300-1460px, reduction legere */
@media (min-width:1300px) and (max-width:1460px) {
    body:not(.e--ua-isTouchDevice) .wd-nav-main > li > a,
    body:not(.e--ua-isTouchDevice) .wd-header-nav > ul > li > a {
        letter-spacing: 0 !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
}

/* Palier 2 : 1025-1299px, reduction plus forte */
@media (min-width:1025px) and (max-width:1299px) {
    body:not(.e--ua-isTouchDevice) .wd-nav-main > li > a,
    body:not(.e--ua-isTouchDevice) .wd-header-nav > ul > li > a {
        letter-spacing: 0 !important;
        padding-left: 6px !important;
        padding-right: 6px !important;
        font-size: 12px !important;
    }
}

/* Anti-casse : empeche le retour a la ligne du menu ET du texte des liens */
@media (min-width:1025px) and (max-width:1460px) {
    body:not(.e--ua-isTouchDevice) .wd-nav-main,
    body:not(.e--ua-isTouchDevice) .wd-header-nav > ul {
        flex-wrap: nowrap !important;
    }
    body:not(.e--ua-isTouchDevice) .wd-nav-main > li > a,
    body:not(.e--ua-isTouchDevice) .wd-header-nav > ul > li > a {
        white-space: nowrap !important;
    }
}

/* =============================================
   HEADER — eviter le doublon Mon compte
   ============================================= */

/* Petit PC : on garde "Mon compte" dans le menu, on cache celui de droite */
@media (min-width:1025px) and (max-width:1460px) {
    body:not(.e--ua-isTouchDevice) .whb-visible-lg .wd-header-my-account {
        display: none !important;
    }
}

/* Grand PC : on garde "Mon compte" a droite, on cache celui du menu */
@media (min-width:1461px) {
    body:not(.e--ua-isTouchDevice) #menu-menu-principal-pc > li:has(> a[href*="mon-compte"]) {
        display: none !important;
    }
}


/* =============================================
   HERO ACCUEIL — portrait mobile, paysage desktop
   ============================================= */

/* iPad/tablette en portrait : hero mobile */
@media (max-width:1024px) and (orientation: portrait) {
    html body.home #cr-hero {
        height: 100svh !important;
        min-height: 0 !important;
    }

    html body.home #cr-hero-content {
        justify-content: flex-end !important;
        align-items: center !important;
        text-align: center !important;
        max-width: 100% !important;
        height: 100% !important;
        padding: 0 24px 165px !important;
        inset: 0 !important;
    }

    html body.home #cr-selector {
        left: 50% !important;
        right: auto !important;
        bottom: 90px !important;
        width: min(300px, calc(100vw - 40px)) !important;
        transform: translateX(-50%) !important;
    }

    html body.home .cr-bg-0 {
        background-image: url('/wp-content/uploads/2026/05/home-toile-1-copie.avif') !important;
    }

    html body.home .cr-bg-1 {
        background-image: url('/wp-content/uploads/2026/05/Home-mobile-plexi-copie.avif') !important;
    }

    html body.home .cr-bg-2 {
        background-image: url('/wp-content/uploads/2026/05/Home-mobile-allu-copie.avif') !important;
    }
}

/* iPad/laptop en paysage : hero site desktop */
@media (min-width:901px) and (orientation: landscape) {
    html body.home #cr-hero {
        height: 100vh !important;
        min-height: 600px !important;
    }

    html body.home #cr-hero-content {
        justify-content: center !important;
        align-items: flex-start !important;
        text-align: left !important;
        max-width: 55% !important;
        height: auto !important;
        padding: 0 60px 0 72px !important;
        inset: 0 !important;
    }

    html body.home #cr-selector {
        left: auto !important;
        right: 48px !important;
        bottom: 36px !important;
        width: 320px !important;
        transform: none !important;
    }

    html body.home .cr-bg-0 {
        background-image: url('/wp-content/uploads/2026/05/home-toile-new.avif') !important;
    }

    html body.home .cr-bg-1 {
        background-image: url('/wp-content/uploads/2026/05/home-plexi-new.avif') !important;
    }

    html body.home .cr-bg-2 {
        background-image: url('/wp-content/uploads/2026/05/home-allu-new.avif') !important;
    }
}

/* =============================================
   TOOLBAR — masque au debut, visible au scroll (tablette incluse)
   ============================================= */
@media (max-width:1025px){

  .wd-toolbar{
    height: calc(55px + env(safe-area-inset-bottom)) !important;
    min-height: calc(55px + env(safe-area-inset-bottom)) !important;
    padding: 5px 5px calc(5px + env(safe-area-inset-bottom)) !important;

    transform: translate3d(0, 100%, 0) !important;
    transition: transform 0.3s ease !important;

    bottom: 0 !important;
    background: #fff !important;
    box-sizing: border-box !important;
    z-index: 999998 !important;
  }

  body.cr-scrolled .wd-toolbar{
    transform: translate3d(0, 0, 0) !important;
  }

  .wd-toolbar > a,
  .wd-toolbar > div a {
    height: 45px !important;
  }

  body{
    padding-bottom: calc(70px + env(safe-area-inset-bottom)) !important;
  }

}
/* =============================================
   TITRES PRODUIT GLOBAL - Inter 500
   ============================================= */
h3.wd-entities-title a,
h2.wd-entities-title a,
.wd-entities-title a {
    font-family: "Inter", sans-serif !important;
    font-weight: 500 !important;
}

/* =============================================
   CAROUSELS PAGE PRODUIT - Inter 500
   ============================================= */
.elementor-element-a4fa09c h3.wd-entities-title a,
.elementor-element-a4fa09c h2.wd-entities-title a,
.elementor-element-a4fa09c .wd-entities-title a,
.elementor-element-b219b83 h3.wd-entities-title a,
.elementor-element-b219b83 h2.wd-entities-title a,
.elementor-element-b219b83 .wd-entities-title a {
    font-family: "Inter", sans-serif !important;
    font-weight: 500 !important;
    font-size: 13px !important;
    letter-spacing: 0.06em !important;
    text-transform: uppercase !important;
    color: #3a3a3a !important;
    line-height: 1.4 !important;
}

/* =============================================
   CAROUSELS PAGE PRODUIT - Supprimer bouton panier
   ============================================= */
.elementor-element-a4fa09c .button,
.elementor-element-a4fa09c .add_to_cart_button,
.elementor-element-a4fa09c .wd-product-grid-item-inner .product-element-bottom,
.elementor-element-b219b83 .button,
.elementor-element-b219b83 .add_to_cart_button,
.elementor-element-b219b83 .wd-product-grid-item-inner .product-element-bottom {
    display: none !important;
}