div.wp-block-woocommerce-customer-account a::before {
    content: none;
}

.wp-block-woocommerce-customer-account {
    font-weight: 500;

    a {
        padding-inline-start: 0;
    }

    &.wp-block a {
        gap: .5em;

        &::before {
            font-size: 15px;
        }
    }

    .wc-block-customer-account__account-icon {
        display: inherit;
    }

    &[data-icon-class="wc-block-customer-account__account-icon"] a {
        gap: .5em;
        display: flex;
        align-items: center;
    }

    &[data-icon-style="line"] a,
    &.wp-block a:has(> svg[fill="none"]) {
        &::before {
            content: "";
            display: block;
            width: 1.3em;
            height: 1.3em;
            background-repeat: no-repeat;
            background-size: 1.3em;
            margin-top: -4px;
            background-image: url('data:image/svg+xml,%3Csvg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M9.625 0C8.67318 0 7.74273 0.282248 6.95132 0.811053C6.15991 1.33986 5.54308 2.09147 5.17883 2.97084C4.81459 3.85021 4.71928 4.81784 4.90497 5.75137C5.09066 6.68491 5.54901 7.54241 6.22205 8.21545C6.89509 8.88849 7.7526 9.34684 8.68613 9.53253C9.61966 9.71822 10.5873 9.62292 11.4667 9.25867C12.346 8.89442 13.0976 8.27759 13.6264 7.48618C14.1553 6.69477 14.4375 5.76432 14.4375 4.8125C14.4375 3.53615 13.9305 2.31207 13.028 1.40955C12.1254 0.50703 10.9014 0 9.625 0ZM9.625 8.25C8.94513 8.25 8.28052 8.04839 7.71523 7.67068C7.14994 7.29296 6.70934 6.75609 6.44917 6.12797C6.18899 5.49985 6.12092 4.80869 6.25355 4.14188C6.38619 3.47507 6.71358 2.86256 7.19432 2.38182C7.67507 1.90108 8.28757 1.57369 8.95438 1.44105C9.62119 1.30841 10.3124 1.37649 10.9405 1.63666C11.5686 1.89684 12.1055 2.33743 12.4832 2.90273C12.8609 3.46802 13.0625 4.13263 13.0625 4.8125C13.0625 5.26392 12.9736 5.71092 12.8008 6.12797C12.6281 6.54503 12.3749 6.92398 12.0557 7.24318C11.7365 7.56238 11.3575 7.81559 10.9405 7.98834C10.5234 8.16109 10.0764 8.25 9.625 8.25Z" fill="black"/%3E%3Cpath d="M13.1794 11H6.07062C4.46115 11.0018 2.91812 11.642 1.78005 12.7801C0.641986 13.9181 0.00181964 15.4612 0 17.0706C0 17.6486 0.229612 18.203 0.638324 18.6117C1.04704 19.0204 1.60137 19.25 2.17938 19.25H17.0706C17.6486 19.25 18.203 19.0204 18.6117 18.6117C19.0204 18.203 19.25 17.6486 19.25 17.0706C19.2482 15.4612 18.608 13.9181 17.4699 12.7801C16.3319 11.642 14.7888 11.0018 13.1794 11ZM17.0706 17.875H2.17938C1.96604 17.875 1.76145 17.7903 1.6106 17.6394C1.45975 17.4886 1.375 17.284 1.375 17.0706C1.375 15.8253 1.86972 14.6309 2.75032 13.7503C3.63092 12.8697 4.82527 12.375 6.07062 12.375H13.1794C14.4247 12.375 15.6191 12.8697 16.4997 13.7503C17.3803 14.6309 17.875 15.8253 17.875 17.0706C17.875 17.284 17.7903 17.4886 17.6394 17.6394C17.4886 17.7903 17.284 17.875 17.0706 17.875Z" fill="black"/%3E%3C/svg%3E');
        }
    }

    /* In WOO plugin they used !important for this hover so we can't override it via theme.json */
    a:hover {text-decoration: none !important;}

    &:not(.wp-block),
    &[data-icon-style="line"] svg,
    &.wp-block svg[fill="none"] {
        display: none;
    }

    &:not(.wp-block) {
        @media (width >= 1280px) {
            display: block;
        }
    }
}

.is-action .wp-block-woocommerce-customer-account a::before {
    font-size: 15px;
}

.woocommerce-account:not(.logged-in) {
    .wp-site-blocks {
        header + main {
            padding: 0;

            .wp-block-post-content {
                margin-top: -6px;
            }
        }
    }

    .woocommerce-form button.show-password-input {
        top: 50%;
        transform: translateY(-50%);
        cursor: pointer;
    }

    .wp-block-post-content {
        #customer_login > div a {
            color: var(--wp--preset--color--info);
            text-decoration: underline;
            text-underline-offset: 3px;
        }
        
        .woocommerce {
            max-width: 686px;

            .woocommerce-form-login p:last-child {
                gap: 30px;
            }
            
            .u-columns {
                box-shadow: 0 6px 15px 0 rgba(64, 79, 104, 0.05);
                border-radius: 8px;
                border: 1px solid var(--wp--preset--color--gray-300);
                padding: 30px;
            }

            .customer_login_toggle {
                border-bottom-width: 0;
                justify-content: flex-start;
                gap: 30px;

                li {
                    flex-grow: 0;
                    padding: 0;
                    
                    h4 {
                        font-size: 25px;
                        line-height: 1.6;
                    }

                    &:not(.active) {
                        opacity: 0.2;
                    }
                }

                li.active {
                    box-shadow: none;
                }
            }

            > h2 {
                font-size: 22px;
                line-height: 1.6;
                text-align: left;
                box-shadow: none;
                padding: 30px 30px 0;
                border: 1px solid var(--wp--preset--color--gray-300);
                border-bottom-width: 0;
                border-radius: 8px 8px 0 0;
                box-shadow: 0 -4px 10px 0 rgba(64, 79, 104, 0.05);
            }

            .woocommerce-form-login,
            .woocommerce-form-register,
            .woocommerce-ResetPassword {
                padding: 30px 0 0 0;
                box-shadow: none;
                gap: 30px;

                button.woocommerce-button,
                button.wp-element-button {
                    line-height: 1.6;
                    padding: 16px 30px;
                }

                .form-row {
                    gap: 4px;

                    .woocommerce-form__label-for-checkbox input[type=checkbox]{
                        width: 18px;
                        height: 18px;
                        margin-right: 10px;

                        &:checked {
                            background-color: transparent;
                            background-size: 9px 10px;
                            background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="9" height="9" viewBox="0 0 9 9" fill="none"><g clip-path="url(%23clip0_1651_203)"><path d="M8.79088 1.47102C8.51241 1.19219 8.06024 1.19236 7.7814 1.47102L3.23808 6.01452L1.21877 3.99523C0.939939 3.71639 0.487957 3.71639 0.209124 3.99523C-0.0697081 4.27406 -0.0697081 4.72604 0.209124 5.00487L2.73315 7.5289C2.87248 7.66823 3.05518 7.73807 3.23789 7.73807C3.4206 7.73807 3.60347 7.66841 3.7428 7.5289L8.79088 2.48065C9.06971 2.20201 9.06971 1.74984 8.79088 1.47102Z" fill="black"/></g><defs><clipPath id="clip0_1651_203"><rect width="9" height="9" fill="white"/></clipPath></defs></svg>');
                        }

                        &:focus,
                        &:checked {
                            border-color: var(--wp--preset--color--contrast);
                            box-shadow: none;
                        }
                    }
                }

                .form-row > input,
                .form-row .password-input input {
                    padding: 17px;
                    line-height: 1.6;
                }
            }

            > .woocommerce-form-login {
                padding: 30px;
                border: 1px solid var(--wp--preset--color--gray-300);
                border-top-width: 0;
                border-radius: 0 0 8px 8px;
                box-shadow: 0 6px 15px 0 rgba(64, 79, 104, 0.05);

                .lost_password a {
                    color: var(--wp--preset--color--info);
                    text-decoration: underline;
                    text-underline-offset: 3px;
                }
            }

            .woocommerce-ResetPassword {
                box-shadow: 4px 12px 15.48px 2.52px rgba(137, 137, 137, 0.1);
                padding: 40px 32px;
                border: 1px solid var(--wp--preset--color--gray-300);
                border-radius: 8px;
            }
        }
    }
}

@media (width >= 640px) {
    .woocommerce-account:not(.logged-in) {
        .wp-block-post-content {
            .woocommerce {
                .customer_login_toggle {
                    gap: 43px;
                }

                .u-columns {
                    padding: 60px;
                }

                > .woocommerce-form-login {
                    padding: 30px 60px 60px;
                }

                > h2 {
                    padding: 60px 60px 0;
                    font-size: 25px;
                }


            }
        }
    }
}