/* @media (prefers-color-scheme: dark) {
  :root {
    --wp--preset--color--background: #222;
    --wp--preset--color--text: #eee;
  }
} */

.wp-site-blocks,
.wp-block-woocommerce-coming-soon {
    min-height: 100svh;
    display: flex;
    flex-direction: column;

    &>* {
        flex: 1 1 auto;
        margin-block-start: 0;
    }

    &> :first-child {
        flex: 0 0 auto;
    }

    &> :nth-child(2) {
        margin-block-start: 0;
    }

    &> :last-child {
        flex: 0 0 auto;
    }

    .has-fit-text {
        overflow-x: hidden;
    }
}

.wp-block-search__button {
    box-shadow: none !important;
}

footer {
    margin-block-start: 0;
}

.wp-block-navigation__overlay-container>.has-backdrop-filter {
    backdrop-filter: blur(2px);
}

/* woo commerce style overriding */
.woocommerce {

    .wc-block-product-filters__open-overlay {
        font-size: 1rem;
        margin: 2rem auto;
        padding: 1rem;
        border-radius: 2rem;
        border: 1px solid darkgray;
        background: var(--wp--preset--gradient--background-top);
    }

    .wc-block-components-quantity-selector {
        border-radius: 2rem !important;
    }

    .wp-block-woocommerce-catalog-sorting .orderby {
        padding: 0.5rem;
        font-size: 1rem;
    }

    @container (width<600px) {
        .wc-block-product-gallery-.wc-block-product-gallery-thumbnails__scrollable {
            overflow: hidden;
            scrollbar-width: none;
        }
    }

    img.wc-block-product-gallery-thumbnails__thumbnail__image {
        border-radius: 2rem;

    }

}

.woocommerce-page {

    /* cart page - continue checkout button  */
    .wc-block-cart__submit-button{
        border-radius: 2rem;
    }

    /* payment page - place order button */
    .wc-block-checkout__actions_row {

        font-size: var(--wp--preset--font-size-medium) !important;

        .wc-block-components-checkout-return-to-cart-button {
            border-radius: 2rem;
            border: 1px solid;
            padding: .5rem 2rem 0.5rem 3rem;

            svg{
                left: 1.5rem;
            }
        }

        .wc-block-components-checkout-place-order-button {
            border-radius: 2rem !important;
        }
    }
}