/* TRANS4M — WooCommerce Checkout Styles */
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');

.woocommerce-page .site-main,
.woocommerce-checkout .site-main { background: #f4f7fc; }

.woocommerce-checkout #payment,
.woocommerce-checkout .woocommerce-billing-fields,
.woocommerce-checkout .woocommerce-shipping-fields,
.woocommerce-checkout .woocommerce-order-review { font-family: "Manrope", sans-serif; }

.woocommerce form .form-row label { font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: .06em; color: #636362; margin-bottom: 6px; display: block; }

.woocommerce form .form-row .input-text,
.woocommerce form .form-row select {
    border: 1.5px solid #dde5f0 !important;
    border-radius: 10px !important;
    padding: 10px 14px !important;
    font-size: 14px !important;
    background: #f9fafc !important;
    font-family: "Manrope", sans-serif !important;
    box-shadow: none !important;
    transition: border-color .15s ease !important;
}
.woocommerce form .form-row .input-text:focus { border-color: #099bab !important; background: #fff !important; }

.woocommerce #payment { background: #ffffff; border-radius: 16px; border: 1.5px solid #e6f7f9; }
.woocommerce #payment div.payment_box { background: #f4f7fc; border-radius: 10px; font-size: 13px; }

.woocommerce #payment #place_order,
.woocommerce-page #payment #place_order {
    background: #077d8c !important;
    border-radius: 9999px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    font-family: "Manrope", sans-serif !important;
    padding: 12px 32px !important;
    border: none !important;
    box-shadow: 0 4px 14px rgba(9,155,171,.25) !important;
    transition: all .18s ease !important;
    width: 100% !important;
}
.woocommerce #payment #place_order:hover { background: #066b78 !important; color: #fff !important; transform: translateY(-1px); }

.woocommerce table.shop_table { border: none; border-radius: 14px; overflow: hidden; font-size: 14px; }
.woocommerce table.shop_table thead th { background: #077d8c; color: #fff; font-weight: 600; padding: 12px 20px; font-size: 12px; letter-spacing: .06em; text-transform: uppercase; border: none; }
.woocommerce table.shop_table td { padding: 12px 20px; border-bottom: 1px solid #f0f4fa; }
.woocommerce table.shop_table tfoot th, .woocommerce table.shop_table tfoot td { font-weight: 700; font-size: 15px; color: #099bab; border-top: 2px solid #e6f7f9; }

.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce a.button.alt {
    background: #077d8c !important;
    border-radius: 9999px !important;
    font-weight: 700 !important;
    font-family: "Manrope", sans-serif !important;
    font-size: 14px !important;
    padding: 11px 28px !important;
    box-shadow: 0 4px 14px rgba(9,155,171,.25) !important;
}
.woocommerce a.button.alt:hover { background: #066b78 !important; color: #fff !important; }

.woocommerce-notices-wrapper .woocommerce-message { border-top-color: #099bab; border-radius: 10px; }
.woocommerce-notices-wrapper .woocommerce-error { border-top-color: #dc2626; border-radius: 10px; }