/*
Theme Name: Bisogo Child (Order Pay Polish)
Theme URI: https://bisogo.ph/
Description: Child theme that adds polished styling for WooCommerce order-pay page.
Author: Jaybee
Author URI: https://bisogo.ph/
Version: 1.0.0
Template: twentytwentyfive
Text Domain: bisogo-child
*/

/* Optional: put additional small overrides here. Most styling is in assets/css/bisogo-order-pay.css */

body.woocommerce-order-pay .bisogo-strong {
    font-size: 1rem;
}
body.woocommerce-order-pay .bisogo-card #payment ul.payment_methods li {
    font-size: 1rem;
}
body.woocommerce-order-pay .bisogo-h1 {
    font-size: 23px;
}
body.woocommerce-order-pay .bisogo-muted {
    width: 78%!important;
}
.woocommerce-checkout #payment div.payment_box::before {
    display: none!important;
}
@media (max-width: 600px) {
    body.woocommerce-order-pay .bisogo-h1 {
        font-size: 18px!important;
    }
    body.woocommerce-order-pay .bisogo-card #payment ul.payment_methods li label {
        font-size: 12px;
    }
    body.woocommerce-order-pay .bisogo-strong {
        font-size: 12px;
    }
    body.woocommerce-order-pay .woocommerce {
        padding: 0!important;
    }
    body.woocommerce-order-pay .bisogo-pay-grid {
        display: flex!important;
        flex-direction: column-reverse;
    }
    .bisogo-pay-right {
        width: 100%;
    }
    .woocommerce-checkout #payment div.payment_box p:last-child {
        font-size: 11px!important;
    }
    body.woocommerce-order-pay .bisogo-card #payment ul.payment_methods li {
        padding: 2px 14px!important;
    }
    .woocommerce-checkout-payment {
        background-color: #ffffff!important;
    }
    body.woocommerce-order-pay .bisogo-card #payment .payment_box {
        margin: 0px 0px 12px 0!important;
    }
    #order_review {
        background: #f9f9f9!important;
        border: none!important;
        padding: 0!important;
    }

}