/* Convert radio buttons to tiles - ONLY on checkout page */
body.woocommerce-checkout .wc_payment_method,
body.woocommerce-checkout .shipping_method {
    cursor: pointer;
    padding: 15px;
    margin-bottom: 10px;
    transition: all 0.3s ease;
    position: relative;
}

body.woocommerce-checkout .wc_payment_method:hover,
body.woocommerce-checkout .shipping_method:hover {
    background-color: #f9f9f9;
}

body.woocommerce-checkout .wc_payment_method.selected,
body.woocommerce-checkout .shipping_method.selected {
    background-color: #f0f8ff;
}

body.woocommerce-checkout .wc_payment_method label,
body.woocommerce-checkout .shipping_method label {
    cursor: pointer;
    display: block;
    width: 100%;
}

body.woocommerce-checkout .wc_payment_method input.input-radio,
body.woocommerce-checkout .shipping_method input.input-radio {
    display: none !important;
}

/* Payment method specific styles */
body.woocommerce-checkout .wc_payment_method {
    border-left: 5px solid #cea22d;
}

body.woocommerce-checkout .wc_payment_method.selected {
    border-left: 5px solid #0073aa;
}

/* Shipping method specific styles */
body.woocommerce-checkout .shipping_method {
    border-left: 5px solid #5bc0de;
}

body.woocommerce-checkout .shipping_method.selected {
    border-left: 5px solid #2e7d32;
}