/* ==========================================================================
   VERSÃO DEFINITIVA: BLINDAGEM DE DUAS COLUNAS PARA ADIANTI/MADBUILDER
   ========================================================================== */

/* 1. Reset e Força do Container Principal */
.custom-card-radio-2col, 
.custom-card-radio-2col .fb-inline-field-container, 
.custom-card-radio-2col .toggle-wrapper,
.custom-card-radio-2col [wrapped-widget="tradiogroup"] {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important; 
    display: block !important;
}

/* 2. O Grupo de Rádios vira o flex container pai */
.custom-card-radio-2col [tradiogroup],
.custom-card-radio-2col .tcheckgroup_layout {
    display: flex !important;
    flex-direction: row !important; 
    flex-wrap: wrap !important;     
    width: 100% !important;
    gap: 0 !important; /* Reseta o gap para controlar o cálculo via margem abaixo */
}

/* 3. CORREÇÃO CRÍTICA: Alvo em todas as divs ou tags internas que isolam o input+label */
.custom-card-radio-2col [tradiogroup] div,
.custom-card-radio-2col [tradiogroup] p,
.custom-card-radio-2col .tcheckgroup_layout div {
    display: inline-block !important;
    float: left !important;
    /* Obriga a caixinha interna do Adianti a ocupar metade da linha */
    width: 50% !important; 
    min-width: 50% !important;
    max-width: 50% !important;
    box-sizing: border-box !important;
    margin: 0 !important;
}

/* Limpa o float do container */
.custom-card-radio-2col [tradiogroup]::after {
    content: "" !important;
    display: table !important;
    clear: both !important;
}

/* 4. Estilo do Card (Label) - Agora ele ocupa 100% da div de 50% criada acima */
.custom-card-radio-2col .tcheckgroup_label {
    display: flex !important; 
    align-items: center !important;
    width: 100% !important; 
    min-width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    padding: 10px 12px !important; 
    margin: 6px 0 !important; /* Espaçamento vertical entre as linhas */
    border: 1px solid #ddd !important;
    border-radius: 20px !important; 
    background-color: #fff !important;
    cursor: pointer !important;
}

/* 5. Círculo Customizado */
.custom-card-radio-2col .tcheckgroup_label::before {
    content: "";
    width: 18px;
    height: 18px;
    border: 2px solid #ccc;
    border-radius: 50%;
    margin-right: 12px;
    flex-shrink: 0;
    display: inline-block;
}

/* 6. Estado Selecionado */
.custom-card-radio-2col input[type="radio"]:checked + .tcheckgroup_label {
    border-color: #40c4b4 !important;
    background-color: #f2fbf9 !important;
}

.custom-card-radio-2col input[type="radio"]:checked + .tcheckgroup_label::before {
    border-color: #40c4b4 !important;
    box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 10px #40c4b4 !important;
}

/* 7. Esconde elementos nativos e quebras de linha */
.custom-card-radio-2col input[type="radio"],
.custom-card-radio-2col br,
.custom-card-radio-2col [tradiogroup] br {
    display: none !important;
}