/*
 Theme Name:   Storefront (Child) Plants
 Description:  Storefront Child Theme for Plants
 Author:       Boris Wong
 Author URI:   https://www.boriswong.com
 Template:     storefront
 Version:      0.1.1
 Text Domain:  storefrontplants
*/

/* Remove sidebar margin */
.single-product.left-sidebar .content-area {
    float: none;
    /* margin-left: 0; */
    width: 100%;
}

.wc-block-grid__product-price.price {
    font-size: 1.5em;
}

.wc-block-grid__product-onsale,
.product span.onsale {
    background-color: #f22 !important;
    color: #fff !important;
    border: 1px solid #f22 !important;
    font-size: 1rem !important;
    line-height: 1.1em !important;
    margin: 0.25em 0.5em !important;
    /* padding: 0.25em 0.5em;
  position: absolute; */
    /* top: 0;
  right: 0; */
}

.wc-block-grid__product-price.price ins,
.product .price ins {
    color: #811;
}

.plants-wrapper {
    position: relative;
}

.plants-wrapper-body {
    position: relative;
    top: 0;
    left: 0;
}

.plants-bg {
    background-color: #e3f5ff;
    position: absolute;
    height: 100%;
    width: 100%;
}

.plants-bg-bubbles-lg,
.plants-bg-bubbles-sm {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    /* height: 100vh; */
    background-repeat: repeat;
    background-attachment: fixed;
    /* background-size: cover; */
}

.plants-bg-bubbles-lg {
    background-image: url(assets/images/bubbles-lg.png);
    animation: bubbles 8s linear infinite;
}

.plants-bg-bubbles-sm {
    background-position-x: 15px;
    background-image: url(assets/images/bubbles-sm.png);
    animation: bubbles 18s linear infinite;
}

@keyframes bubbles {
    from {
        background-position-y: 0;
    }

    to {
        background-position-y: -200px;
    }
}

/* <div id="cf-turnstile-woo-checkout" class="cf-turnstile" data-callback="" data-sitekey="0x4AAAAAAAH6gTF0LbJIQQdb" data-theme="light" data-language="auto" data-retry="auto" data-retry-interval="1000" data-action="woocommerce-checkout" data-appearance="always"><iframe src="https://challenges.cloudflare.com/cdn-cgi/challenge-platform/h/b/turnstile/if/ov2/av0/rcv0/0/f54e7/0x4AAAAAAAH6gTF0LbJIQQdb/light/normal" allow="cross-origin-isolated; fullscreen" sandbox="allow-same-origin allow-scripts allow-popups" id="cf-chl-widget-f54e7" tabindex="0" title="Widget containing a Cloudflare security challenge" style="border: none; overflow: hidden; width: 300px; height: 65px;"></iframe><input type="hidden" name="cf-turnstile-response" id="cf-chl-widget-f54e7_response" value="0.msQUSLsqyYo7ooIeEdwwE9v7dYr9cCB1aO0RUFG5gd2GlSb1MJUH4klS9bkBBIxWT9Olkj1VoBJ6GRLl8HaVoP8kslmOT630bZUa5KeeaH2LyJhnbjDUgrwWoPyMj-QZ97V-EUKDWShivCNJJLxja3d56THiLl-JT1r6SbBM3tF90IZgxnmz1TByDkjP85ajGAX4Mqcpf0DdvRuEiW-qr3-a8sJxy5mAjAzhHOUoNU4Kqb6SmYahRRttBSAwofFx1qO4iG8rWGFnAkMcANtBwhwRszHBUjsw3ygc1hPsnyEhDPYlFA0yVBlNxyDkTYsaXXXO1EDAHzgA_vSSnaKAn_Xsdt6nJvH_VnB545Kkx2iS01W2Zl8NRP8halWxBYq9MDxsJjaIsgmw1eh63WN1G1InCMMQ-_i02b1FFAJdJq6zmEmYnyOa-UMGC5uRURi9WLW6pMll5YlPd0JXnzKwUQOIFI7bKslfCM1N1i44ylw.mjcOY4ZLpfuRE_ZT0zC2Eg.0d0fcd9e1f2da8ba50138981e0aeb7db84103cd4e8f270d036e2bf00b10b40e7"></div> */
/* Frame the turnstile with a border and a message saying "Security/Robot check" */
.cf-turnstile {
    border: 1px solid #eee;
    text-align: center;
    background-color: #fdfdfd;
    color: #333;
    min-height: 95px;
    /* box-shadow: 0 0 5px #ccc; */
    padding: 10px;
    overflow: auto;
    max-width: 100%;
}

.cf-turnstile::before {
    content: "Security/Robot Check";
    display: block;
    font-size: 0.8em;
    color: #888;
}

.woocommerce-checkout .cf-turnstile {
    margin: 0 20px;
}

.custom-login p,
.custom-registration p {
    margin-bottom: 0;
}

.custom-login h2,
.custom-registration h2 {
    margin-bottom: 0;
}

.custom-login .woocommerce-form,
.custom-registration .woocommerce-form {
    margin: 0;
}

.woocommerce-loop-product__title,
.wc-block-grid__product-title {
    margin-bottom: 0 !important;
    color: #333 !important;
    line-height: 1em !important;
}

/* Align the "Add to cart" buttons to the bottom for the product grid flexbox */
.wc-block-grid__product {
    display: flex !important;
    flex-direction: column !important;
}
.wc-block-grid__product-price {
    /* flex-grow: 1; */
}

ul.wc-block-product-template > li.wc-block-product.product > h3 > a {
    color: #333 !important;
    /* font-size: 1.0rem !important;
    line-height: 1.0rem !important; */
    margin-bottom: 0 !important;
    text-decoration: none !important;
}

/* Align the "Add to cart" buttons to the bottom for the product grid flexbox */
ul.wc-block-product-template > li.wc-block-product.product {
    display: flex !important;
    flex-direction: column !important;
    justify-content: start !important;
    height: 100% !important;
}

/* wp-block-woocommerce-product-price */
ul.wc-block-product-template
    > li.wc-block-product.product
    .wc-block-grid__product-price {
    flex-grow: 1 !important;
}
/* wc-block-components-product-button__button */
ul.wc-block-product-template
    > li.wc-block-product.product
    div.wc-block-components-product-button {
    /* Self end */
    /* justify-self: end !important; */
    margin-top: auto !important;
}

/* Give a slight margin below each product */
ul.wc-block-product-template > li.wc-block-product.product {
    margin-bottom: 1em !important;
}

/* No margin below wc-block-components-product-image */
ul.wc-block-product-template
    > li.wc-block-product.product
    .wc-block-components-product-image {
    margin-bottom: 0 !important;
}

/* No margin below wp-block-woocommerce-product-price */
ul.wc-block-product-template
    > li.wc-block-product.product
    div.wp-block-woocommerce-product-price {
    margin-bottom: 0 !important;
}