/* FunnelFlow - WooCommerce Checkout Override */

.ff-checkout-page .woocommerce,
.ff-checkout-page .woocommerce-page {
    font-family: 'Anek Bangla', sans-serif;
}

/* Hide default WC breadcrumbs and notices on funnel pages */
.ff-checkout-page .woocommerce-breadcrumb,
.ff-checkout-page .woocommerce-info {
    display: none;
}

/* Style WC form fields to match FF design */
.ff-checkout-page .woocommerce-checkout .form-row input.input-text,
.ff-checkout-page .woocommerce-checkout .form-row select,
.ff-checkout-page .woocommerce-checkout .form-row textarea {
    border: 1.5px solid #e0e0e0 !important;
    border-radius: 7px !important;
    font-family: 'Anek Bangla', sans-serif !important;
    font-size: 14px !important;
    padding: 10px 13px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    transition: border-color .15s !important;
}

.ff-checkout-page .woocommerce-checkout .form-row input.input-text:focus,
.ff-checkout-page .woocommerce-checkout .form-row select:focus {
    border-color: #FF6B35 !important;
    outline: none !important;
    box-shadow: none !important;
}

/* Place order button */
.ff-checkout-page #place_order {
    background: #FF6B35 !important;
    border: none !important;
    border-radius: 8px !important;
    font-family: 'Anek Bangla', sans-serif !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    padding: 15px !important;
    width: 100% !important;
    cursor: pointer !important;
    transition: background .2s !important;
}

.ff-checkout-page #place_order:hover {
    background: #e55a25 !important;
}

/* Order review table */
.ff-checkout-page .woocommerce-checkout-review-order-table {
    border: none !important;
}

.ff-checkout-page .woocommerce-checkout-review-order-table th,
.ff-checkout-page .woocommerce-checkout-review-order-table td {
    border: none !important;
    border-bottom: 1px solid #f0f0f0 !important;
    font-size: 14px !important;
    padding: 10px 0 !important;
}

/* Error messages */
.ff-checkout-page .woocommerce-error {
    background: #fee2e2 !important;
    border: 1px solid #fca5a5 !important;
    border-radius: 8px !important;
    color: #991b1b !important;
    padding: 12px 16px !important;
    list-style: none !important;
}
