/*
Theme Name: Goodwish Child
Theme URI: https://goodwish.qodeinteractive.com/
Description: A child theme of Goodwish Theme
Author: Edge Themes
Author URI: https://themeforest.net/user/edge-themes
Version: 1.0.2
Template: goodwish
*/


/* Make checkout two equal columns */
/* Two equal columns layout */
form.woocommerce-checkout {
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
    align-items: flex-start;
}

/* Left column = billing/shipping */
#customer_details {
    grid-column: 1;
}

/* Right column = order review */
#order_review {
    grid-column: 2;
}

/* Our custom heading should stay above order review */
.custom-order-heading {
    grid-column: 2; /* forces it into the right column */
    margin-bottom: 15px;
    font-size: 22px;
    font-weight: 600;
}

h3.nkc-order-heading {
    margin: 31px;
}
.edgtf-woocommerce-page .woocommerce-checkout .col-1, .edgtf-woocommerce-page .woocommerce-checkout .col-2{
	width: auto !important;
}

button.show-password-input {
    position: absolute;
    right: 20px;
    top: 0px;
    width: 24px;
    height: 24px;
    border: none;
    background: url(data:image/svg+xml;utf8,<svg fill='currentColor' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M12 5C7 5 2.73 8.11 1 12c1.73 3.89 6 7 11 7s9.27-3.11 11-7c-1.73-3.89-6-7-11-7zm0 12c-2.8 0-5-2.2-5-5s2.2-5 5-5 5 2.2 5 5-2.2 5-5 5zm0-8a3 3 0 100 6 3 3 0 000-6z'/></svg>) no-repeat center;
    background-size: 20px;
    cursor: pointer;
}

@media (max-width: 768px) {
    form.woocommerce-checkout {
        display: block !important;
        width: 100%;
    }
}