.custom-registration-form {
    max-width: 800px;
    margin: 0 auto;
    padding: 20px;
}

.custom-registration-form .form-row {
    margin-bottom: 20px;
}

.custom-registration-form label {
    font-weight: bold;
    margin-bottom: 5px;
    display: block; /* Garante que o label ocupe toda a linha acima dos inputs */
}

.custom-registration-form input,
.custom-registration-form select {
    padding: 10px;
    box-sizing: border-box;
}

/* Aplica width: 100% apenas para tipos específicos */
.custom-registration-form input[type="text"],
.custom-registration-form input[type="email"],
.custom-registration-form input[type="password"],
.custom-registration-form select {
    width: 100%;
    display: block; /* Garante que ocupem toda a linha disponível */
    margin-bottom: 10px; /* Espaço abaixo */
}

/* Estilos específicos para radio e checkbox */
.custom-registration-form input[type="radio"],
.custom-registration-form input[type="checkbox"] {
    width: auto; /* Remove a largura completa */
    display: inline-block; /* Mantém na mesma linha */
    margin-right: 5px; /* Espaço entre o input e o label */
    vertical-align: middle; /* Alinha verticalmente com o label */
}

.custom-registration-form .form-row label.inline-label {
    display: inline-block; /* Mantém o label na mesma linha */
    margin-right: 15px; /* Espaço entre cada grupo de input e label */
    font-weight: normal; /* Opcional: ajusta o peso da fonte */
}

.conditional-field {
    display: none;
}