/*
Theme Name:   Xstore child
Theme URI:    https://xstore.8theme.com
Description:  XStore is a multi-purpose theme that offers the ultimate WordPress and WooCommerce synergy, providing a comprehensive, all-in-one solution.
Author:       8theme
Author URI:   https://www.8theme.com
Template:     xstore
Version:      1.0
Text Domain:  xstore-child
Tags: e-commerce, two-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, custom-logo, featured-images, full-width-template, threaded-comments, accessibility-ready, rtl-language-support, footer-widgets, sticky-post, theme-options, translation-ready, ecommerce, woocommerce, shop, elementor, business, corporate, blog, news, light, dark
*/

.variants-mobile-decider+.variations_form .single_variation_wrap {
    display: none !important;
}

.content-product .button:hover{
    background-color: #DAE3E8;
    color:#444444;
}

footer .wpcf7-form .form-group p{
    padding-left:0!important;
}

.products .product {
}

.products .ajax-content {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
}

.products .product .content-product {
    height: calc(100% - 30px);
    display: grid;
    grid-template-rows: 1fr 1fr;
}

.products .product .content-product .product-details {
    display: grid;
    justify-content: stretch;
    position: relative;
    /* height: -webkit-fill-available; */
    grid-template-rows: 1fr 1fr;
}

.products .product .content-product .product-image-wrapper {max-height: fit-content;}

.products .product .content-product .add_to_cart_button {
    position: relative;
    bottom: 0;
    width: fit-content;
    margin: 0 auto;
}

@media (min-width: 992px) {
    .variants-mobile-decider+.variations_form {
        display: none;
    }
}

@media (max-width:991px) {

    .btn>a,
    .btn,
    .button,
    .single-post .form-submit input[type="submit"],
    .products-grid .content-product .product-details  .button:not(.compare),
    .et-quick-view-wrapper form.cart .button,
    .swiper-slide .content-product .product-details .button,
    .actions .btn,
    .woocommerce table.wishlist_table td.product-add-to-cart a,
    .form-submit input[type="submit"],
    .popup-added-to-cart .product-section-02 a {
        font-weight: 400;
        font-size: 13px;
        padding-left: 25px;
        padding-right: 25px;
    }
}

/* CUSTOM */

.courses-banner{
    display:none!important;
}

.tax-product_cat[class*="-szkolenia"] .open-studio-banner{
    display:none!important;
}

.tax-product_cat[class*="-szkolenia"] .courses-banner{
    display:block!important;
}
/* Efekt cienia pod kółkiem koloru przy hover – XStore Child */
.woocommerce .swatch:hover,
.woocommerce .variable-item:hover,
.woocommerce .xstore-swatch:hover {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3); /* cień pod kółkiem */
    transform: scale(1.1); /* lekko powiększenie */
    transition: all 0.3s ease; /* płynna animacja */
}

ul.xstore-loop-swatches {
    list-style: none;
    margin: 8px 
}
/* 🌈 Styl swatchy w katalogu XStore */
ul.xstore-loop-swatches {
    list-style: none;
    margin: 8px 0 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

ul.xstore-loop-swatches li.swatch {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 1px solid #ccc;
    cursor: pointer;
    transition: all 0.25s ease-in-out;
    box-shadow:
        0 2px 4px rgba(0, 0, 0, 0.2),     /* delikatny cień pod spodem */
        0 1px 0 rgba(255, 255, 255, 0.1) inset; /* lekki połysk od góry */
    transform: translateY(0) scale(1);
}

/* ✨ Efekt lewitowania, powiększenia i odbicia przy hover */
ul.xstore-loop-swatches li.swatch:hover {
    box-shadow:
        0 6px 12px rgba(0, 0, 0, 0.25),  /* mocniejszy cień pod spodem */
        0 0 10px 2px currentColor !important, /* poświata koloru */
        0 -2px 4px rgba(255,255,255,0.2) inset; /* subtelne odbicie światła */
    transform: translateY(-3px) scale(1.1) !important; /* powiększenie */
    transition: all 0.25s ease-in-out !important;
}

/* 🌟 Efekt dla wybranego koloru (klikniętego) */
ul.xstore-loop-swatches li.swatch.selected {
    box-shadow:
        0 8px 14px rgba(0, 0, 0, 0.3),
        0 0 12px 3px currentColor !important,
        0 -2px 5px rgba(255,255,255,0.2) inset; /* subtelne odbicie */
    border-color: currentColor !important;
    transform: translateY(-4px) scale(1.08) !important;
}

/* 🎨 Kolory swatchy */
/* Warm Taupe */
ul.xstore-loop-swatches li.swatch[data-value="warm-taupe"] {
    background-color: #8b8073 !important;
    background-image: none !important;
}

/* Saddle Brown */
ul.xstore-loop-swatches li.swatch[data-value="saddle-brown"] {
    background-color: #6f3e1c !important;
    background-image: none !important;
}
.xstore-loop-swatches li.swatch[data-value="milk-chocolate"] { background-color: #4f3a29 !important; }
.xstore-loop-swatches li.swatch[data-value="black"] { background-color: #000 !important; }
.xstore-loop-swatches li.swatch[data-value="ivory"] { background-color: #f0e6da !important; border:1px solid #ccc; }
.xstore-loop-swatches li.swatch[data-value="grey"] { background-color: #6b6b74 !important; }
.xstore-loop-swatches li.swatch[data-value="mocha"] { background-color: #77716b !important; }
.xstore-loop-swatches li.swatch[data-value="light-mocha"] { background-color: #b7a496 !important; }
.xstore-loop-swatches li.swatch[data-value="aged-rose"] { background-color: #b48279 !important; }
.xstore-loop-swatches li.swatch[data-value="champagne-rose"] { background-color: #f5d2c8 !important; }
.xstore-loop-swatches li.swatch[data-value="milk-matcha"] { background-color: #84948e !important; }
.xstore-loop-swatches li.swatch[data-value="dark-chocolate"] { background-color: #4f3300 !important; }
.xstore-loop-swatches li.swatch[data-value="warm-taupe"] {
    background-color: #8b8073 !important;
    background-image: none !important;  /* resetuje obraz, żeby kolor się pokazał */
}

.xstore-loop-swatches li.swatch[data-value="saddle-brown"] {
    background-color: #6f3e1c !important;
    background-image: none !important;  /* resetuje obraz, żeby kolor się pokazał */
}

}
@media (max-width: 768px) {
    /* Kontener produktu — centruj całość */
    .content-product {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: flex-start !important;
        text-align: center !important;
    }

    /* Kontener zdjęcia — wyśrodkuj zawartość */
    .content-product .product-content-image {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        width: 100% !important;
        text-align: center !important;
    }

    /* Sam obrazek — na środku i ograniczony do 85% szerokości */
    .content-product .product-content-image img {
        display: block !important;
        margin: 0 auto !important;
        max-width: 85% !important;
        height: auto !important;
        object-fit: contain !important;
    }

    /* Wyśrodkowanie nazwy i ceny */
    .content-product .product-title,
    .content-product .price {
        text-align: center !important;
    }

    /* Wyśrodkowanie swatchy */
    .xstore-loop-swatches {
        display: flex !important;
        justify-content: center !important;
        margin-top: 8px !important;
    }
}