/**
    * Theme Name: Blocksy Child
    * Description: Blocksy Child theme
    * Author: Creative Themes
    * Template: blocksy
    * Text Domain: blocksy
    */

    /*
        Barra de topo
    */
    .demo_store {
        font-size: 12px !important;
        text-transform: uppercase;
        letter-spacing: 1.2px;
        height: 32px;
        background-color: var(--background-color);
        display: flex !important;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
    }
    .demo_store:before {
        display: none !important;
    }
    .demo_store a {
        color: var(--theme-text-color);
    }

    /*
        Menu header
    */
    [data-menu]>ul>li>a:before,
    [data-menu]>ul>li>a:after {
        height: var(--menu-indicator-height, 8px);
    }


    /*
        Single Product
    */
    [data-swatches-type=button] .ct-swatch {
        border: 1px solid var(--swatch-button-border-color, var(--theme-border-color)) !important;
    }

    @media (min-width: 1000px) {
        .single-product .is-width-constrained {
            width: 100% !important;
            max-width: 1900px !important;
        }
        .single-product .ct-default-gallery .entry-summary,
        .single-product .ct-stacked-gallery .entry-summary {
            margin-inline-end: 40px;
        }
    }
    .woocommerce-product-gallery .flexy-container,
    div.woocommerce-product-gallery .ct-product-gallery-container {
        background-color: var(--theme-palette-color-10);
    }
    [data-swatches-type=button] .ct-swatch {
        border: 1px solid var(--swatch-button-border-color, var(--theme-border-color));
        font-weight: 400;
        font-size: 12px;
        font-family: 'Roboto Mono', Sans-Serif;
        line-height: 16px;
        border-radius: 0;
    }
    .woocommerce button.button.disabled,
    [type=submit].disabled {
        border-radius: 0;
        background-color: transparent;
        color: var(--theme-palette-color-4);
    }
    .woocommerce button.button {
        border-radius: 0;
        text-transform: uppercase;
        font-size: 12px;
        font-weight: 700;
        min-height: 40px;
        height: 40px;
    }
    .entry-summary .ct-cart-actions .added_to_cart {
        height: 40px !important;
        min-height: 40px;
        border-radius: 0;
        text-transform: uppercase;
        font-size: 12px;
        font-weight: 700;
        line-height: 16px;
    }
    .single-product .quantity {
        display: none !important;
    }
    table.variations .reset_variations {
        display: none !important;
    }
    p.stock.in-stock {
        color: red;
    }

    /* Variation Swatches Responsivo */
.ct-variation-swatches {
    display: grid !important;
    grid-template-columns: repeat(5, 1fr);
    width: 100%;
    gap: 10px;
    margin-bottom: 20px;
}

/*.ct-variation-swatches .ct-swatch-container {
    flex: 1;
    min-width: calc(25% - 10px);
    max-width: none;
    margin: 0;
}*/

.ct-variation-swatches .ct-swatch {
    width: 100%;
    min-height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-weight: 500;
}

/* Ocultar select original */
.ct-variation-swatches select {
    display: none;
}

/* Estilos para out of stock */
.ct-variation-swatches .ct-out-of-stock {
    opacity: 0.3 !important;
    position: relative;
    pointer-events: none; /* Desativa o clique */
    cursor: not-allowed;
}

.ct-variation-swatches .ct-out-of-stock .ct-swatch {
    position: relative;
    overflow: hidden;
}

.ct-variation-swatches .ct-out-of-stock .ct-swatch::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.2);
}

.ct-variation-swatches .ct-out-of-stock .ct-swatch::after {
    content: "";
    position: absolute;
    top: 36%;
    left: -28%;
    width: 132%;
    height: 1px;
    background-color: rgba(255, 0, 0, 0.7);
    transform: rotate(10deg);
    transform-origin: center;
}

/* Media queries para responsividade */
@media (max-width: 768px) {
    .ct-variation-swatches .ct-swatch-container {
        min-width: calc(33.33% - 10px); /* 3 items por linha em tablets */
    }
}

@media (max-width: 480px) {
    .ct-variation-swatches .ct-swatch-container {
        min-width: calc(50% - 10px); /* 2 items por linha em celulares */
    }
}

    /*
    * Related Products  
    */
    [data-products] .product figure {
        background-color: var(--theme-palette-color-10);
    }
    .ct-product-brands {
        text-transform: uppercase;
        font-size: 12px;
        font-weight: 800;
        line-height: 16px;
    }
    [data-products] .product .ct-product-brands,
    [data-products] :where(.woocommerce-loop-product__title,.woocommerce-loop-category__title),
    [data-products] .product .price {
        padding-left: 20px;
    }
    .sale-price ins {
        color: red;
    }

    /*
    * List of products
    */
    .woo-listing-top .woocommerce-ordering select {
        text-transform: uppercase;
        border: 0;
        text-align: right;
        font-family: "Roboto Mono", sans-serif;
        font-weight: 400;
    }
    .ct-toggle-filter-panel {
        font-size: 14px;
        font-weight: 400;
        text-transform: uppercase;
        color: var(--theme-text-color);
        --toggle-button-radius: 0;
        --toggle-button-margin-start: 0;
        --toggle-button-padding: 0;
        --toggle-button-border-width: 0;
        --theme-icon-size: 16px;
    }
    .ct-toggle-filter-panel:hover, .ct-toggle-filter-panel:active {
        color: var(--theme-link-hover-color);
        --toggle-button-background: #FFF;
        --toggle-button-border-color: var(--theme-link-hover-color);
    }
    .woo-listing-top .woocommerce-ordering {
        margin-inline-start: unset;
    }
    .woo-listing-top {
        justify-content: space-between;
    }

    /*
    * Popup products added to cart
    */
    .ct-popup-actions .ct-button,
    .ct-popup-actions .ct-button-ghost {
        height: 48px;
        border-radius: 0;
        font-size: 12px;
        text-transform: uppercase;
        color: var(--theme-palette-color-4);
        border: 1px solid var(--swatch-button-border-color, var(--theme-border-color));
    }

    /*
    * Cart
    */
    .coupon #coupon_code,
    .checkout-button {
        border-radius: var(--has-classic-forms, var(--theme-form-field-border-radius, 0px));
        font-size: 12px;
        text-transform: uppercase;
    }
    .coupon .button {
        font-weight: 500 !important;
    }
    div.quantity input[type=number] {
        border: 1px solid var(--swatch-button-border-color, var(--theme-border-color));
        border-radius: var(--theme-form-field-border-radius, 0px) !important;
    }

    /*
    * Artists 
    */
    [data-prefix="artist_archive"] .entry-header .page-title {
        --theme-font-family: neue-haas-unica, Sans-Serif;
        --theme-font-weight: 400;
        --theme-font-size: 48px;
        --theme-line-height: 48px;
    }

    /**
    * Breadcrumbs
    */
    .entry-header .ct-breadcrumbs {
        --theme-font-family: 'Roboto Mono', Sans-Serif;
        --theme-font-weight: 400;
        --theme-text-transform: uppercase;
        --theme-font-size: 14px;
        --theme-line-height: 20px;
        --theme-text-color: var(--theme-palette-color-4);
        --theme-link-initial-color: var(--theme-palette-color-4);
        --theme-link-hover-color: var(--theme-palette-color-4);
    }

    /**
    * Shop
    */
    .ct-default-gallery .entry-summary,
    .ct-stacked-gallery .entry-summary {
        padding-top: 30px;
    }

    /**
    * WooCommerce Filters
    */
    .ct-button-ghost {
        color: var(--theme-palette-color-4);
    }