/* ======================================================== */
/*      NOVO DESIGN: PAINEL DE CADASTRO AMPLO E LIMPO       */
/* ======================================================== */

body#page-login-signup {
    overflow: auto;
}

/* --- 1. PREPARAÇÃO GERA --- */

/* Garante que o container tenha largura para a grade */
#page-login-signup .login-form-column {
    flex: none;
    width: 100%;
    max-width: 900px;
}
/* Esconde a coluna da direita */
#page-login-signup .login-info-column {
    display: none;
}
/* Deixa os rótulos acima dos campos */
#page-login-signup .fitem.row { display: block; }
#page-login-signup .fitem .col-md-3,
#page-login-signup .fitem .col-md-9 {
    width: 100%;
    max-width: 100%;
    flex: none;
    padding: 0;
}
#page-login-signup .fitem .col-form-label {
    text-align: left;
    padding-bottom: 8px;
}


/* --- 2. LÓGICA DA GRADE (A MÁGICA ACONTECE AQUI) --- */

/* Aplica a grade apenas em telas maiores */
@media (min-width: 768px) {

    /* Cria a grade de 2 colunas no formulário */
    #page-login-signup form.mform {
        display: grid;
        grid-template-columns: 1fr 1fr; /* Duas colunas de largura igual */
        gap: 1rem 1.5rem; /* Espaçamento vertical e horizontal */
    }

    /* Regra PADRÃO: Faz todos os campos ocuparem as DUAS colunas */
    #page-login-signup form.mform > .fitem,
    #page-login-signup form.mform > fieldset,
    #page-login-signup form.mform > .fgroup,
    #page-login-signup form.mform > .fdescription {
        grid-column: 1 / 3; /* Ocupa da primeira à última linha da coluna */
    }

    /* Regras ESPECÍFICAS: Posiciona os pares lado a lado */

    /* Par: Email e Email (again) */
    #page-login-signup form.mform > #fitem_id_email {
        grid-column: 1 / 2; /* Ocupa a 1ª coluna */
    }
    #page-login-signup form.mform > #fitem_id_email2 {
        grid-column: 2 / 3; /* Ocupa a 2ª coluna */
    }

    /* Par: First name e Last name */
    #page-login-signup form.mform > #fitem_id_firstname {
        grid-column: 1 / 2; /* Ocupa a 1ª coluna */
    }
    #page-login-signup form.mform > #fitem_id_lastname {
        grid-column: 2 / 3; /* Ocupa a 2ª coluna */
    }

    /* Par: City/town e Country */
    #page-login-signup form.mform > #fitem_id_city {
        grid-column: 1 / 2; /* Ocupa a 1ª coluna */
    }
    #page-login-signup form.mform > #fitem_id_country {
        grid-column: 2 / 3; /* Ocupa a 2ª coluna */
    }
    #page-login-signup #id_category_1container {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 1rem 1.5rem;
    }

    /* Par: CPF e Telefone */
    #page-login-signup #fitem_id_profile_field_CPF {
        grid-column: 1 / 2;
    }
     #page-login-signup #fitem_id_profile_field_Telefone {
        grid-column: 2 / 3;
    }
}