/*
 Theme Name: Storefront Child
 Description: Tema child di Storefront per WooCommerce.
 Author: Grafpoint
 Author URI: https://www.grafpoint.swiss/
 Template: storefront
 Version: 1.0.0
 License: GNU General Public License v2 or later
 License URI: https://www.gnu.org/licenses/gpl-2.0.html
 Text Domain: storefront-child
*/

/* ---------------------------------------------------------------------
 * IMPORT DEL TEMA GENITORE
 * ---------------------------------------------------------------------
 * WordPress cercherà automaticamente lo style del tema genitore quando
 * usi un child theme, ma se non stai caricando lo stile del parent con
 * functions.php puoi mantenere la @import qui sotto.  In alternativa,
 * crea un file functions.php nel child theme e usa wp_enqueue_scripts
 * per caricare lo stile del parent.
 * ------------------------------------------------------------------- */

@import url("../storefront/style.css");


* {

    outline-color: white !important;

    outline: none;

}





html {

    margin-top: 0px !important;

}



.storefront-breadcrumb {

    display: none !important;

}



.summary.entry-summary {

    padding-top: 5rem;

}





.woocommerce-tabs.wc-tabs-wrapper {

    display: none !important;

}



section.related.products {

    padding-top: 3rem;

}



.related.products>h2 {

    display: block !important;

    margin-bottom: 1em;

    color: #B0B0B0;

    line-height: 1.5;

    font-weight: 400;

    font-size: var(--size_58);

}



content .woocommerce-products-header {

    padding: 0;

}



span.price {

    text-align: left;

}



li.product.type-product {

    text-align: left;

}



ul.products li.product img,
ul.products .wc-block-grid__product img,
.wc-block-grid__products li.product img,
.wc-block-grid__products .wc-block-grid__product img {

    display: block;

    margin: 0 auto 1.618em;

    width: 100%;

}



.add_to_cart_button {

    background: none;

    border: none;

    font-size: var(--size_24);

    color: inherit;

    text-decoration: none;

    cursor: pointer;

    text-decoration: underline !important;

    font-family: "rotis_semi_sans_std55_regular";

    float: left;

    padding: 0;

}



/* .storefront-sorting {

    display: none;

} */

.storefront-sorting {
    font-size: initial;
}

#formContatto button {
    color: #4d4d4d;
}


ul.products li.product .woocommerce-loop-product__title {

    font-size: var(--size_36);

    text-align: left;

    text-transform: uppercase;

}



.woocommerce-checkout .col-1,
.woocommerce-checkout .col-2 {

    width: 100%;

}

.page-id-9 .woocommerce-billing-fields__field-wrapper .form-row {

    margin-bottom: 20px;

}





.storefront-full-width-content.single-product div.product .woocommerce-product-gallery {

    margin-bottom: 0;

}



.page-id-8 .entry-content,
.page-id-9 .entry-content {

    padding: 0 2rem;

}

.woocommerce-message,
.woocommerce-info,
.woocommerce-error,
.woocommerce-noreviews,
p.no-comments,
.woocommerce-info,
.woocommerce-noreviews,
p.no-comments {

    background-color: var(--lime);

}



#payment .place-order .button {

    font-size: 1.41575em;

    width: 100%;

    white-space: pre-wrap;

    margin-top: 0px;

}



.added_to_cart.wc-forward {

    color: #fff;

    margin-left: 0px !important;

    float: none;

    width: 100%;



}



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

    ol,
    ul {

        padding-left: 0 !important;

    }

    .summary.entry-summary {

        padding: 2rem 0.9rem 0;

    }

    ul.products li {

        padding: 0 0.9rem;

    }

    .site-header {

        padding: 0;

    }

    .added_to_cart.wc-forward {

        margin-left: 0px !important;

        float: none;

        width: 100%;



    }

    .page-id-8 h1.entry-title,
    .page-id-9 h1.entry-title {

        text-align: center;

        margin: 2rem 0 1rem 0;

    }

}




.storefront-full-width-content .content-area {
    float: none;
}

.products.columns-3 {
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
}

.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__image img {
    height: 100dvh;
    width: 100%;
    object-fit: cover;
}

.woocommerce-product-details__short-description p {
    margin-bottom: 20px;
}

.single-product div.product .woocommerce-product-gallery .flex-control-thumbs {
    display: flex;
    gap: 2rem;
    flex-wrap: wrap;
}

.storefront-full-width-content.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-5 .flex-control-thumbs li {
    float: none;
    margin: 0;
}

.single-product div.product .woocommerce-product-gallery .flex-control-thumbs::before,
.single-product div.product .woocommerce-product-gallery .flex-control-thumbs::after {
    content: unset;
    display: none;

}

.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-5 .flex-control-thumbs li {
    width: 100px;
}

.wapf-field-label span,
.variations label {
    text-transform: capitalize;
}


@media screen and (max-width: 767px) {
    .single-product div.product .woocommerce-product-gallery img {
        height: unset;
    }

    .single-product div.product .woocommerce-product-gallery .flex-control-thumbs {
        gap: 0.5rem;
        padding-left: 0.9rem !important;
        padding-right: 0.9rem !important;
    }

    .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-5 .flex-control-thumbs li {
        width: 50px;
    }

    .related.products>h2 {
        padding-left: 0.9rem;
        padding-right: 0.9rem;
    }
}

@media screen and (min-width: 768px) {
    .storefront-full-width-content.single-product div.product .summary {
        width: 50%;
    }

    .storefront-full-width-content.single-product div.product .woocommerce-product-gallery {
        width: 45%;
    }
}

.wapf-field-input input[type=email],
.wapf-field-input input[type=number],
.wapf-field-input input[type=text],
.wapf-field-input input[type=url],
.wapf-field-input select,
.wapf-field-input textarea {
    width: auto !important;
}

.wapf-product-totals {
    width: max-content;
}

.wapf-product-totals .wapf--inner>div {
    float: none;
    display: flex;
    gap: 3rem;
    justify-content: space-between;
    align-items: center;

}