/*
Theme Name: Edubin Child
Theme URI: https://themeforest.net/item/edubin-education-lms-wordpress-theme/24037792
Template: edubin
Author: Pixelcurve & Websenix
Author URI: https://websenix.com
Description: Child theme for Edubin LMS WordPress Theme with custom course visibility protections and enhancements.
Version: 1.0.0
Text Domain: edubin-child
*/

/* ==========================================================================
   Checkout Page Layout Fix (Elementor Pro + WooCommerce + Edubin Theme)
   ========================================================================== */

/* 1. Customer Details (Billing & Order Notes) Layout */
.woocommerce-checkout #customer_details,
.elementor-widget-woocommerce-checkout-page #customer_details {
    display: block !important;
    width: 100% !important;
    float: none !important;
    margin: 0 0 24px 0 !important;
}

/* Make Billing Details (.col-1) and Order Notes (.col-2) stack vertically with full width */
.woocommerce-checkout #customer_details .col-1,
.woocommerce-checkout #customer_details .col-2,
.elementor-widget-woocommerce-checkout-page .woocommerce-checkout .col2-set .col-1,
.elementor-widget-woocommerce-checkout-page .woocommerce-checkout .col2-set .col-2 {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    display: block !important;
    margin-bottom: 24px !important;
}

/* 2. Order Review & Order Summary Box Alignment */
.woocommerce-checkout #order_review_heading,
.woocommerce-checkout #order_review,
.elementor-widget-woocommerce-checkout-page #order_review_heading,
.elementor-widget-woocommerce-checkout-page #order_review {
    float: none !important;
    width: 100% !important;
    clear: both !important;
}

/* Ensure order review table fills its container */
.woocommerce-checkout #order_review table.shop_table,
.elementor-widget-woocommerce-checkout-page #order_review table.shop_table {
    width: 100% !important;
    float: none !important;
}

/* 3. Form fields refinement */
.elementor-widget-woocommerce-checkout-page .woocommerce-billing-fields__field-wrapper,
.elementor-widget-woocommerce-checkout-page .woocommerce-additional-fields__field-wrapper {
    width: 100% !important;
}

.elementor-widget-woocommerce-checkout-page .woocommerce-checkout p.form-row textarea#order_comments {
    width: 100% !important;
    min-height: 90px;
}

/* 4. Subscriptions Renewal / Recurring Totals Heading Size Fix */
.woocommerce-checkout #order_review tr.wps_wsp_recurring_total_tr th h4,
.woocommerce-checkout #order_review .wps_recurring_bifurcation_wrapper h4,
.elementor-widget-woocommerce-checkout-page #order_review tr.wps_wsp_recurring_total_tr th h4 {
    font-size: 15px !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #1e293b !important;
    text-transform: none !important;
    letter-spacing: normal !important;
}

.woocommerce-checkout #order_review tr.wps_wsp_recurring_total_tr th h4 a,
.woocommerce-checkout #order_review .wps_recurring_bifurcation_wrapper h4 a,
.elementor-widget-woocommerce-checkout-page #order_review tr.wps_wsp_recurring_total_tr th h4 a {
    font-size: 15px !important;
    font-weight: 600 !important;
    color: #0284c7 !important;
    text-decoration: none !important;
}

.woocommerce-checkout #order_review tr.wps_wsp_recurring_total_tr th h4 a:hover,
.woocommerce-checkout #order_review .wps_recurring_bifurcation_wrapper h4 a:hover {
    text-decoration: underline !important;
}

.woocommerce-checkout #order_review tr.wps_wsp_recurring_total_tr td,
.elementor-widget-woocommerce-checkout-page #order_review tr.wps_wsp_recurring_total_tr td {
    vertical-align: middle !important;
}

.woocommerce-checkout #order_review tr.wps_wsp_recurring_total_tr td ul,
.elementor-widget-woocommerce-checkout-page #order_review tr.wps_wsp_recurring_total_tr td ul {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: right;
}

.woocommerce-checkout #order_review tr.wps_wsp_recurring_total_tr td ul li,
.elementor-widget-woocommerce-checkout-page #order_review tr.wps_wsp_recurring_total_tr td ul li {
    font-size: 14px !important;
    line-height: 1.6 !important;
    color: #334155 !important;
}

.woocommerce-checkout #order_review tr.wps_wsp_recurring_total_tr td ul li label,
.elementor-widget-woocommerce-checkout-page #order_review tr.wps_wsp_recurring_total_tr td ul li label {
    font-weight: 600 !important;
    margin-right: 4px !important;
}