@import "variables.css";
@import "header.css";
@import "footer.css";
@import "homepage.css";
@import "category.css";
@import "product.css";
@import "cart.css";
@import "account.css";
@import "search.css";
@import "checkout.css";
@import "cms.css";
@import "form.css";

html.has-modal-open {
    overflow: auto;
}

body {
    background-color: var(--silk-haze);

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        font-weight: 700;
    }

    h1,
    h1 strong {
        font-size: 24px
    }

    h2,
    h2 strong {
        font-size: 22px;
    }

    h3,
    h3 strong {
        font-size: 20px;
    }

    h4,
    h4 strong {
        font-size: 18px;
    }

    h5,
    h6,
    h5 strong,
    h6 strong {
        font-size: 16px;
    }

    p,
    span,
    strong,
    li {
        font-size: 16px;
    }

    strong {
        font-weight: 700;
    }
}
.wp-element-button,
.wp-block-button__link,
.added_to_cart,
button {
    background-color: var(--lime-zest);
    border-radius: 5px;
    color: white;
    font-size: 16px;
    font-weight: 700;
    border: 2px solid var(--lime-zest);

    &:hover {
        color: var(--lime-zest);
        background-color: white;
    }

    &:focus {
        outline: unset;
        color: var(--lime-zest);
        background-color: white;
        box-shadow: 0 0 9px 1px var(--lime-zest);
        -webkit-box-shadow: 0 0 9px 1px var(--lime-zest);
        -moz-box-shadow: 0 0 9px 1px var(--lime-zest);
    }

    &:active {
        color: var(--lime-zest);
        background-color: white;
    }
}

body span.onsale,
.woocommerce span.onsale,
.wc-block-components-product-sale-badge {
    background-color: var(--golden-glow) !important;
    color: black !important;
    border-radius: 5px !important;
    font-size: 16px;
    pointer-events: none;
}

a:focus {
    outline: unset;
}

.woocommerce ul.products li.product .star-rating {
    font-size: 16px;
}

.woocommerce .wc-block-components-product-rating .wc-block-components-product-rating__container .wc-block-components-product-rating__stars {
    font-size: 16px;
}

.wp-block-button.wc-block-components-product-button {
    gap: unset;
}

.added_to_cart.wc_forward,
.added_to_cart.wc-forward {
    display: none !important;
}