/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

html body header .search-container{
    display: none;
    pointer-events: none;
}
html body header .search-container .close-search,
html body header .hide-search .open-search{
    cursor: pointer;
}

/*
    Add your custom styles here
*/

.onsale {
    background: transparent !important;
    color: transparent !important;
}
.onsale:before {
    content: "";
    position: absolute;
    top: -40px;
    left: -50px;
    background-image: url(/wp-content/uploads/2025/06/Sale_JFY_1-scaled.png);
    width: 280px;
    height: 90px;
    object-fit: contain !important;
    background-size: contain;
    background-repeat: no-repeat;
}


.pswp__caption {
    display: none;
}

.password-form_container form p {
    margin-top: 37px;
}

td[data-title="btw"] {
    text-transform: uppercase !important;
}

tr.tax-total th {
    text-transform: uppercase;
}

figcaption.wpgb-lightbox-caption {
    display: none !important;
}

.new_veld .options_group .form-field {
    display:        flex;
    flex-direction: row;
    flex-wrap:      nowrap;
}

a.reset_variations {
    display: none !important;
}

.woocommerce div.product div.images .flex-control-thumbs li img {
    object-fit: cover !important;
}

.woocommerce div.product div.images .flex-control-thumbs li {
    max-height: 133px;
}

.j4y-password-section {
    display:               grid;
    grid-template-columns: repeat(2, 1fr);
    gap:                   0px 0px;
    width:                 100%;
    max-width:             1190px;
    margin:                auto;
    padding:               100px 0;
}

label.j4y-label {
    width:        300px;
    margin-right: 16px;
    margin-top:   -1px;
}

.button_section {
    display: flex;
    gap:     16px;
}

.single-product .woocommerce-product-gallery .flex-viewport {
    max-height: 500px;
}

.single-product .woocommerce-product-gallery .flex-viewport a img {
    max-height: 500px;
    object-fit: contain;
}

figure.woocommerce-product-gallery__wrapper .flex-active-slide a img {
    max-height: 500px;
    object-fit: contain;
}

p.stock {
    display: none;
}

table tbody > tr:nth-child(odd) > td, table tbody > tr:nth-child(odd) > th {
    background-color: #0000 !important;
}

table.variations tr {
    display:         flex;
    align-items:     center;
    justify-content: flex-start;
}

table.variations th.label {
    padding: 0 16px 0 0;
}


@media only screen and (max-width: 479px) {
    .j4y-password-section {
        display:               grid;
        grid-template-columns: repeat(1, 1fr);
        gap:                   50px 0px;
        width:                 100%;
        max-width:             1190px;
        margin:                auto;
        padding:               100px 32px;
    }

    /*product detail page*/
    .woocommerce div.product div.images {
        margin-bottom: 0 !important;
    }

    .woocommerce-product-gallery {
        display:        flex;
        flex-direction: row;
    }

    .woocommerce div.product div.images .flex-control-thumbs li {
        width: 100%;
    }

    .woocommerce div.product div.images .woocommerce-product-gallery__trigger {
        left: 10px;
    }

	.single-product .woocommerce-product-gallery .flex-viewport {
        max-height: 60vh;
        min-width: calc(75vw - 24px);
    }

    .woocommerce div.product div.images .woocommerce-product-gallery__wrapper .zoomImg,
    .woocommerce-product-gallery__image {
        object-fit: contain;
        max-height: 60vh !important;
    }

    ol.flex-control-nav.flex-control-thumbs {
        max-height: 60vh;
        overflow: scroll !important;
        max-width: 25vw;
        min-width: calc(25vw - 24px);
    }

    ol.flex-control-nav.flex-control-thumbs::-webkit-scrollbar {
        width: 12px;
    }
}