/*
 * WooCommerce compatibility styles.
 */

.woocommerce-main,
.woocommerce-page .woocommerce-main,
.woocommerce-page .site-main {
    width: min(1100px, 92%);
    margin: 2rem auto;
}

.woocommerce .woocommerce-message,
.woocommerce .woocommerce-error,
.woocommerce .woocommerce-info {
    margin-bottom: 1rem;
}

.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select { 
    width: 100%;
    box-sizing: border-box;
}

.woocommerce-checkout #payment {
    background: #f5f6f7;
    border: 1px solid #d9dde1;
    border-radius: 8px;
}

.woocommerce-checkout #payment ul.payment_methods {
    border-bottom: 1px solid #d9dde1;
}

.woocommerce-checkout #payment div.payment_box {
    background-color: #ffffff;
    color: inherit;
}

.woocommerce-checkout #payment div.payment_box::before {
    border-bottom-color: #ffffff;
}

.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
    border-radius: 6px;
}

body.woocommerce-checkout .woocommerce-breadcrumb,
body.woocommerce-order-pay .woocommerce-breadcrumb,
body.woocommerce-checkout .woocommerce-MyAccount-navigation,
body.woocommerce-order-pay .woocommerce-MyAccount-navigation,
body.woocommerce-checkout .return-to-shop,
body.woocommerce-order-pay .return-to-shop,
body.woocommerce-checkout .cart-empty,
body.woocommerce-order-pay .cart-empty {
    display: none !important;
}

@media (max-width: 768px) {
    .woocommerce-main,
    .woocommerce-page .woocommerce-main,
    .woocommerce-page .site-main {
        width: min(96%, 1100px);
        margin: 1.25rem auto;
    }
}