/* maxheildsala.is WooCommerce styles */
.woocommerce .woocommerce-breadcrumb {
    color: var(--max-muted);
    margin: 24px 0;
}

.woocommerce div.product {
    padding: 36px 0 72px;
}

.woocommerce div.product .product_title {
    font-size: clamp(2.1rem, 5vw, 3.6rem);
    line-height: 1;
    letter-spacing: -.04em;
}

.woocommerce div.product p.price,
.woocommerce div.product span.price {
    color: var(--max-coffee);
    font-weight: 900;
}

.woocommerce button.button,
.woocommerce a.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce #payment #place_order {
    border-radius: 999px;
    border: 1px solid var(--max-copper);
    background: linear-gradient(135deg, var(--max-copper), var(--max-copper-2));
    color: var(--max-navy);
    font-weight: 900;
    padding: 14px 20px;
}

.woocommerce button.button:hover,
.woocommerce a.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover {
    background: linear-gradient(135deg, var(--max-copper-2), var(--max-copper));
    color: var(--max-navy);
}

.woocommerce-cart-form,
.woocommerce-checkout,
.woocommerce table.shop_table,
.woocommerce form.checkout_coupon,
.woocommerce form.login,
.woocommerce form.register {
    background: var(--max-white);
    border: 1px solid var(--max-border);
    border-radius: var(--max-radius);
    padding: 20px;
    box-shadow: var(--max-shadow);
}

.woocommerce table.shop_table {
    border-collapse: separate;
    border-spacing: 0;
}

.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select {
    border: 1px solid var(--max-border);
    border-radius: 12px;
    padding: 11px 12px;
}

.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
    border-radius: 14px;
    background: var(--max-cream);
    border-top-color: var(--max-caramel);
}

.woocommerce div.product .product_title,
.woocommerce-products-header__title,
.woocommerce-checkout h3,
.woocommerce-cart h2 {
    font-family: var(--max-font-heading);
    color: var(--max-navy);
}

.woocommerce span.onsale {
    background: var(--max-copper);
    color: var(--max-navy);
    border-radius: 999px;
    font-weight: 900;
}

.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
    background: rgba(255,255,255,.86);
    border: 1px solid var(--max-border);
    border-radius: var(--max-radius);
    padding: 16px;
    box-shadow: var(--max-shadow);
}

.woocommerce #payment {
    background: var(--max-cream);
    border-radius: var(--max-radius);
}

.woocommerce #payment div.payment_box {
    background: var(--max-light);
    color: var(--max-text);
}

.woocommerce #payment div.payment_box::before {
    border-bottom-color: var(--max-light);
}