.custom_form {
    width: 100%;

    .custom-register-form {
        text-align: left;
        font-family: var(--ff-subtitle);
        color: var(--grayscale-900);

        .register-form-input {
            margin: var(--spacing-xxxl) 0;
            display: flex;
            flex-direction: column;
            gap: var(--spacing-xl);

            .form-row-group {
                display: flex;
                gap: var(--spacing-lg);

                .form-row-half {
                    flex: 1;
                }
            }

            .form-row {
                display: flex;
                flex-direction: column;
                text-align: left;
                gap: var(--spacing-xs);
                margin: 0;

                label {
                    font-weight: var(--fw-bold);
                    color: var(--grayscale-900);
                }

                input {
                    font-weight: var(--fw-normal);
                    border-radius: var(--spacing-xxs);
                    padding: var(--spacing-sm) var(--spacing-md);
                    background-color: transparent;
                    border: 1px solid var(--grayscale-800);

                    &::placeholder {
                        color: var(--grayscale-700);
                        font-style: italic;
                    }

                    &:focus {
                        outline: none;
                        border-color: var(--ocre-600);
                    }
                }
            }

            /* Radio Group Styles */
            .custom-radio-group {
                gap: var(--spacing-xxs);

                .radio-options {
                    display: flex;
                    gap: var(--spacing-xxl);

                    .radio-option {
                        display: flex;
                        align-items: center;
                        gap: var(--spacing-xs);
                        font-weight: var(--fw-normal);
                        cursor: pointer;
                        position: relative;

                        input[type="radio"] {
                            position: absolute;
                            opacity: 0;
                            cursor: pointer;
                            height: 0;
                            width: 0;
                        }

                        input[type="radio"]+span::before {
                            content: '';
                            display: block;
                            width: 1rem;
                            height: 1rem;
                            border: 2px solid var(--grayscale-900);
                            border-radius: 50%;
                            background-color: transparent;
                            margin-right: var(--spacing-xs);
                            transition: all 0.3s ease;
                            flex-shrink: 0;
                        }

                        input[type="radio"]:checked+span::before {
                            background-color: var(--grayscale-800);
                            border-color: var(--grayscale-900);
                        }

                        span {
                            color: var(--grayscale-900);
                            display: flex;
                            align-items: center;
                            gap: var(--spacing-xs);
                        }
                    }
                }
            }

            /* Privacy Checkbox */
            .custom-privacy-row {
                display: flex;
                gap: var(--spacing-sm);
                flex-direction: row;
                align-items: flex-start;

                label {
                    position: relative;
                    display: inline-block;

                    input[type="checkbox"] {
                        position: absolute;
                        opacity: 0;
                        cursor: pointer;
                        height: 0;
                        width: 0;
                    }

                    input[type="checkbox"]+span {
                        cursor: pointer;
                        display: inline-block;
                        width: 20px;
                        height: 20px;
                        border: 1px solid var(--grayscale-900);
                        border-radius: var(--spacing-xxs);
                        background-color: transparent;
                        position: relative;
                        transition: 0.3s all ease;
                    }

                    input[type="checkbox"]:checked+span {
                        background-color: var(--grayscale-900);
                        border-color: var(--grayscale-900);
                    }

                    input[type="checkbox"]:checked+span::after {
                        content: '';
                        position: absolute;
                        left: 6px;
                        width: 5px;
                        height: 10px;
                        border: solid white;
                        border-width: 0 2px 2px 0;
                        transform: rotate(45deg);
                    }
                }

                .custom-privacy-row-text {
                    label {
                        font-weight: var(--fw-normal);
                        color: var(--grayscale-900);
                    }

                    p {
                        color: var(--grayscale-800);
                        font-size: 14px;
                        line-height: 1.5;
                    }

                }

            }

            wc-order-attribution-inputs {
                display: none;
            }
        }

        .custom-submit-row {
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: var(--spacing-md);

            
        }

        .custom-login-link {
            text-align: center;
            color: var(--grayscale-800);
            font-family: var(--ff-text);

            a {
                color: var(--ocre-600);
                transition: all 0.3s ease;
                text-decoration: underline;

                &:hover {
                    color: var(--ocre-900);
                }
            }
        }

        /* Masquer les éléments WooCommerce par défaut */
        .woocommerce-privacy-policy-text,
        .wc-order-attribution-inputs {
            display: none !important;
        }
    }
}