/**
 * Add any custom CSS here.
 *
 * This file will be loaded after all other theme stylesheets.
 */

body:not(.product-type-variable) #form-field-product_option {
    visibility: hidden;
}

body.elementor-editor-active #form-field-product_option {
    visibility: visible;
}

/* Fix: width is 33% instead of 100% in some cases (problem not reproducable in a simple test page setup) */
@media (max-width: 767px) {
    .premium-woo-products-carousel .product {
        width: 100% !important;
    }
}

/* Product carousel: align buttons to the bottom */

.premium-woo-products-carousel .slick-track {
    display: flex;
}

.premium-woo-products-carousel .slick-slide {
    height: auto;
    display: flex !important;;
}

.premium-woo-products-carousel .slick-slide > div {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.premium-woo-products-carousel .slick-slide li {
    /*background-color: aquamarine;*/
    height: 100%;
}

.premium-woo-products-carousel .premium-woo-product-wrapper {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.premium-woo-products-carousel .premium-woo-products-details-wrap {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

.premium-woo-products-carousel .premium-woo-atc-button {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
}

/* Product grid: align button to the bottom */

.products.elementor-grid li {
    display: flex !important;
    flex-direction: column !important;
    /*background-color: aquamarine;*/
    justify-content: space-between !important;
}

.products.elementor-grid .add_to_cart_button {
    align-self: center;
}

/* Case Stuides: align "Read more" buttons to the bottom */

.post-type-archive-case-studies .elementor-post__text,
.post-type-archive-case_studies .elementor-post__text{
    /*background-color: aquamarine;*/
    display: flex;
    flex-direction: column;
    height: 100%;
}

.elementor-post__read-more {
    margin-top: auto;
}