/*
Theme Name: Woodmart Child
Author: Woodmart
Description: Tema child.
Version: 1.0
Template: woodmart

This is the child theme for Woodmart theme, generated with Generate Child Theme plugin by catchthemes.

(optional values you can add: Theme URI, Author URI, License, License URI, Tags, Text Domain)
*/

/* =========================================================
   WOOCOMMERCE NOTICE BAR
   ========================================================= */

/*
 * Il contenitore sorgente resta nascosto nel footer.
 * JavaScript sposta la barra:
 * - sotto l'header su desktop
 * - sopra l'header su mobile
 */
#original-legno-notice-source {
    display: none !important;
}


/*
 * Contenitore verde visibile della Notice Bar.
 */
.original-legno-notice-host {
    position: relative;
    z-index: 50;
    display: block;
    width: 100%;
    margin: 0;
    padding: 5px 0;
    background-color: #287900;
    color: #ffffff;
    text-align: center;
}


/*
 * Struttura generale della barra.
 */
.original-legno-notice-host .woocommerce-notice-bar {
    position: relative;
    display: block;
    width: 100%;
    min-height: 0;
    margin: 0;
    padding: 0;
    overflow: hidden;
}


/*
 * Tutte le notifiche sono nascoste,
 * tranne quella con classe active.
 */
.original-legno-notice-host .notice-text {
    display: none;
    margin: 0 !important;
    padding: 0 15px;
    color: #ffffff;
    font-family: inherit;
    font-size: inherit;
    font-style: normal;
    font-weight: 400;
    line-height: 1em;
    letter-spacing: normal;
    text-align: center;
    text-transform: none;
}


/*
 * Notifica attualmente visibile.
 */
.original-legno-notice-host .notice-text.active {
    display: block;
}


/*
 * Testo e link della notifica.
 */
.original-legno-notice-host .notice-text a,
.original-legno-notice-host .notice-text span {
    display: inline;
    margin: 0;
    padding: 0;
    color: #ffffff;
    font-family: inherit;
    font-size: inherit;
    font-style: normal;
    font-weight: 400;
    line-height: 1em;
    letter-spacing: normal;
    text-decoration: none !important;
    text-transform: none;
}


/*
 * Nessuna sottolineatura in hover, focus o click.
 */
.original-legno-notice-host .notice-text a:hover,
.original-legno-notice-host .notice-text a:focus,
.original-legno-notice-host .notice-text a:active,
.original-legno-notice-host .notice-text a:visited {
    color: #ffffff;
    text-decoration: none !important;
    outline: none;
}


/* =========================================================
   DESKTOP
   ========================================================= */

@media screen and (min-width: 769px) {

    .original-legno-notice-host {
        position: relative;
        top: auto;
        left: auto;
        right: auto;
        z-index: 50;
    }

    .original-legno-notice-host
    .woocommerce-notice-bar.desktop {
        display: block;
    }

    .original-legno-notice-host
    .woocommerce-notice-bar.mobile {
        display: none;
    }

    /*
     * Rimuove eventuali offset applicati su mobile.
     */
    .website-wrapper > header {
        margin-top: 0;
    }

    .whb-sticky-header,
    .whb-clone {
        top: 0;
    }
}


/* =========================================================
   MOBILE — NOTICE BAR FISSA
   ========================================================= */

@media screen and (max-width: 768px) {

    .original-legno-notice-host {
        position: fixed !important;
        top: 0 !important;
        right: 0 !important;
        left: 0 !important;
        bottom: auto !important;
        z-index: 2147483647 !important;
        display: block !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 5px 0 !important;
        transform: none !important;
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
        background-color: #287900;
        color: #ffffff;
    }

    .original-legno-notice-host
    .woocommerce-notice-bar.desktop {
        display: none !important;
    }

    .original-legno-notice-host
    .woocommerce-notice-bar.mobile {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    .original-legno-notice-host .notice-text {
        padding: 0 10px;
        font-size: 13px;
        line-height: 1em;
    }

    .original-legno-notice-host .notice-text a,
    .original-legno-notice-host .notice-text span {
        line-height: 1em;
    }

    /*
     * Riserva lo spazio della barra sopra il sito.
     */
    body {
        padding-top: var(
            --notice-bar-mobile-height,
            23px
        ) !important;
    }

    /*
     * Non serve più applicare margine all'header,
     * perché lo spazio è gestito direttamente sul body.
     */
    .website-wrapper > header {
        margin-top: 0 !important;
    }

    /*
     * L'header sticky inizia sotto la Notice Bar.
     */
    .whb-sticky-header,
    .whb-clone,
    .whb-sticked .whb-main-header {
        top: var(
            --notice-bar-mobile-height,
            23px
        ) !important;
    }
}

/* =========================================================
   PREZZI PERSONALIZZATI
   ========================================================= */

.original-legno-custom-price del {
    color: #000000;
    opacity: 1;
    text-decoration-color: red;
}

.original-legno-custom-price ins {
    text-decoration: none;
}


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

footer .container.main-footer {
    max-width: 1222px !important;
    width: 100%;
    margin-inline: auto;
}


/* =========================================================
   PULSANTE CARRELLO
   ========================================================= */

a.button.btn.btn-default.btn-cart.wc-forward {
    color: #ffffff !important;
    border-radius: 0 !important;
}
/* =========================================================
   SLIDER
   ========================================================= */
/* Slider full width soltanto su desktop */
@media screen and (min-width: 1025px) {

    #slider {
        width: 100vw !important;
        max-width: none !important;

        position: relative;
        left: 50%;
        margin-left: -50vw !important;
        margin-right: -50vw !important;

        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    #slider > .elementor-element,
    #slider .elementor-widget-container,
    #slider #slider-642,
    #slider .wd-carousel-inner,
    #slider .wd-carousel {
        width: 100% !important;
        max-width: none !important;
    }
}

@media screen and (max-width: 767px) {

    #slider .wd-carousel-wrap,
    #slider .wd-slide {
        height: 400px !important;
        min-height: 400px !important;
    }

    #slider .wd-slide-inner {
        width: 100% !important;
        max-width: none !important;
        padding: 0 15px 0 40px !important;
        box-sizing: border-box;
    }

    #slider .wd-button-wrapper {
        text-align: left !important;
    }

    #slider .wd-slide-bg {
        background-size: 84% auto !important;
        background-position: center center !important;
        background-repeat: no-repeat !important;
    }
}

/* =========================================================
   VARIANTI PRODOTTO
   ========================================================= */

/* Tabella variazioni senza bordi */
.single-product table.variations,
.single-product table.variations tbody,
.single-product table.variations tr,
.single-product table.variations th,
.single-product table.variations td {
    border: 0 !important;
}

/* Righe variazioni */
.single-product table.variations tr {
    display: flex !important;
    align-items: center !important;
    margin: 0 0 14px !important;
    padding: 0 !important;
}

/* Colonna etichetta */
.single-product table.variations th.label {
    display: flex !important;
    align-items: center !important;
    flex: 0 0 98px !important;
    width: 98px !important;
    min-width: 98px !important;
    margin: 0 !important;
    padding: 0 14px 0 0 !important;
    text-align: left !important;
}

/* Testo Varianti e Misure */
.single-product table.variations th.label label {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #222 !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
}

/* Colonna valore */
.single-product table.variations td.value {
    display: flex !important;
    align-items: center !important;
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}

/* Nasconde solo il select delle Varianti */
.single-product select#pa_varianti {
    display: none !important;
}

/* Contenitore pulsanti varianti */
.single-product .original-legno-variation-buttons {
    display: flex !important;
    flex-wrap: wrap;
    align-items: center !important;
    gap: 18px;
    min-height: 42px;
    margin: 0 !important;
    padding: 0 !important;
}

/* Pulsanti varianti */
.single-product .original-legno-variation-button {
    appearance: none;
    display: inline-flex !important;
    align-items: center !important;
    min-height: 42px;
    margin: 0 !important;
    padding: 0 0 3px !important;

    border: 0 !important;
    border-bottom: 2px solid transparent !important;
    border-radius: 0 !important;

    background: transparent !important;
    box-shadow: none !important;

    color: #222 !important;
    font-family: inherit;
    font-size: 14px !important;
    font-weight: 700;
    line-height: 1.2;
    text-transform: none !important;

    cursor: pointer;
}

/* Hover senza sfondo */
.single-product .original-legno-variation-button:hover,
.single-product .original-legno-variation-button:focus,
.single-product .original-legno-variation-button:active {
    background: transparent !important;
    box-shadow: none !important;
    outline: none !important;
    color: #e00000 !important;
}

/* Variante selezionata */
.single-product .original-legno-variation-button.is-selected {
    background: transparent !important;
    color: #e00000 !important;
    border-bottom-color: #e00000 !important;
}

/* Variante non selezionata */
.single-product .original-legno-variation-button:not(.is-selected) {
    background: transparent !important;
    color: #222 !important;
}

/* Variante non disponibile */
.single-product .original-legno-variation-button.is-disabled {
    opacity: 0.35;
    cursor: not-allowed;
    text-decoration: line-through;
}

/* Select Misure */
.single-product select#pa_misure {
    display: block !important;
    width: 100% !important;
    max-width: 390px !important;
    height: 46px !important;
    margin: 0 !important;
    padding: 0 42px 0 16px !important;
    border: 1px solid #d8d8d8 !important;
    border-radius: 0 !important;
    background-color: #fff !important;
    box-shadow: none !important;
    font-weight: 500;
}

/* Contenitore Misure */
.single-product select#pa_misure + .wd-reset-var {
    margin-left: 12px !important;
}

/* Link Svuota */
.single-product .wd-reset-var {
    display: flex !important;
    align-items: center !important;
    margin-top: 0 !important;
}

.single-product .reset_variations {
    margin: 0 !important;
    white-space: nowrap;
}

/* Mobile */
@media screen and (max-width: 767px) {

    .single-product table.variations th.label {
        flex-basis: 80px !important;
        width: 80px !important;
        min-width: 80px !important;
        padding-right: 10px !important;
    }

    .single-product .original-legno-variation-buttons {
        gap: 12px;
    }

    .single-product .original-legno-variation-button {
        min-height: 38px;
        font-size: 13px !important;
    }

    .single-product select#pa_misure {
        max-width: none !important;
    }
}

.single-product .woocommerce-variation-description p {
    font-size: 18px !important;
    font-weight: 700 !important;
}

.woocommerce-variation-price {
    padding-bottom: 20px;
}



/* =========================================================
   GUIDA MISURE WOODMART
   ========================================================= */

/* Contenitore interno del popup */
#wd_sizeguide .wd-sizeguide-content {
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
}

/* Sovrascrive il width inline da 2680px */
#wd_sizeguide .wp-caption {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
}

/* Immagine larga quanto il contenitore */
#wd_sizeguide .wp-caption img,
#wd_sizeguide .wd-sizeguide-content img {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 auto !important;
    object-fit: contain !important;
}

/* Didascalia */
#wd_sizeguide .wp-caption-text {
    width: 100% !important;
    margin: 8px 0 0 !important;
    text-align: center;
}