/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 3.1.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

/* ---------------------------------------------------------------------------
 * Checkout: terms & conditions consent row
 *
 * The consent row sits in #order_review, outside the .col2-set columns the
 * checkout field styles are scoped to, so it never picked up the layout rules
 * the other rows get. Left alone, the checkbox is stretched by the surrounding
 * layout instead of holding the 20x20 box the rest of the site uses.
 *
 * Padding is deliberately not touched: input[type=checkbox] in
 * css/theme-styles.css relies on its 4px padding to inset the :checked SVG.
 * ------------------------------------------------------------------------- */
.woocommerce-checkout #order_review .woocommerce-terms-and-conditions-wrapper .form-row {
    margin: 0;
}

.woocommerce-checkout #order_review .woocommerce-terms-and-conditions-wrapper label.checkbox {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0;
    font-weight: 400;
    line-height: 20px;
    cursor: pointer;
}

.woocommerce-checkout #order_review .woocommerce-terms-and-conditions-wrapper input#terms[type="checkbox"] {
    flex: 0 0 20px;
    width: 20px;
    height: 20px;
    min-width: 20px;
    margin: 0;
    align-self: center;
    box-sizing: border-box;
}