/* WOOCOMMERCE OVERRIDES STYLESHEET */

@import url('pages/shop.css');
@import url('pages/product.css');
@import url('pages/cart.css');
@import url('pages/checkout.css');
@import url('pages/account.css');

/* Core overrides to customize default WooCommerce HTML styling */
.woocommerce-message,
.woocommerce-error,
.woocommerce-info {
    font-family: var(--font-primary);
    padding: 16px var(--space-md);
    margin-bottom: var(--space-md);
    background-color: var(--nobe-cream);
    color: var(--nobe-black);
    border-radius: var(--radius);
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.woocommerce-error {
    background-color: #ffdddd;
    color: #990000;
}

.woocommerce-message {
    background-color: #ddffdd;
    color: #006600;
}

/* De-styled WooCommerce tables, panels and forms */
.woocommerce-notices-wrapper {
    width: 100%;
}

.woocommerce-billing-fields__field-wrapper,
.woocommerce-shipping-fields__field-wrapper {
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
}

.woocommerce-checkout #payment ul.payment_methods {
    list-style: none;
    padding: 0;
    margin: 0;
}

.woocommerce-checkout #payment div.form-row {
    padding: 0;
    margin: 0;
}