/**
 * WooCommerce customer-journey baseline.
 * These rules are temporary retained behaviour until custom Foundation
 * templates are built for cart, checkout, account and endpoint pages.
 */
.woocommerce form .form-row label {
    line-height: 2;
    font-weight: 700;
}

.woocommerce div.product .stock {
    color: var(--rightair-pink) !important;
    font-weight: 700;
}

.woocommerce-MyAccount-navigation { display: none; }
.woocommerce-account .woocommerce-MyAccount-content { width: 100%; }

.woocommerce #respond input#submit,
.woocommerce-page #respond input#submit,
.woocommerce #content input.button,
.woocommerce-page #content input.button,
.woocommerce-message,
.woocommerce-error,
.woocommerce-info {
    border-radius: 20px !important;
    background: var(--rightair-blue-light) !important;
}

.woocommerce-error,
.woocommerce-info,
.woocommerce-message {
    margin-right: -10px !important;
    margin-left: -10px !important;
    padding: 15px 25px !important;
    color: var(--rightair-white) !important;
    font-weight: 800 !important;
}

.woocommerce form.checkout_coupon,
.woocommerce form.login,
.woocommerce form.register {
    margin-top: 15px !important;
    border-radius: 20px !important;
}

.woocommerce-privacy-policy-text {
    padding-bottom: 10px !important;
    font-size: 14px !important;
    line-height: 15px !important;
}

.woocommerce-notice.woocommerce-notice--success.woocommerce-thankyou-order-received {
    padding-bottom: 10px;
}

.woocommerce-order {
    padding-right: 45px;
    padding-bottom: 40px;
    padding-left: 45px;
}

.vat-label,
.shipping-label,
.total-label { font-weight: 700 !important; }

@media (max-width: 768px) {
    .woocommerce-order {
        padding-right: 30px;
        padding-bottom: 30px;
        padding-left: 30px;
    }
}

@media (max-width: 767px) {
    .woocommerce-error,
    .woocommerce-info,
    .woocommerce-message {
        padding: 15px 10px 15px 25px !important;
        font-size: 16px !important;
    }

    .woocommerce-column--shipping-address { padding-top: 20px; }
}

@media (max-width: 480px) {
    .woocommerce-order {
        padding-right: 20px;
        padding-bottom: 20px;
        padding-left: 20px;
    }
}