/* --- CLASSE MESTRE PARA APLICAR APENAS ONDE DESEJAR --- */

/* 1. Força a largura total apenas no container que tiver a classe .custom-card-radio */
.custom-card-radio, 
.custom-card-radio .fb-inline-field-container, 
.custom-card-radio .toggle-wrapper,
.custom-card-radio [wrapped-widget="tradiogroup"] {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important; 
    display: block !important;
    float: none !important;
    clear: both !important;
}

/* 2. Ajuste do grupo interno */
.custom-card-radio [tradiogroup] {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
}

/* Garante que as divs internas do builder dentro desta classe também estiquem */
.custom-card-radio [tradiogroup] div {
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
}

/* 3. Estilo do Card (Label) - Apenas para descendentes de .custom-card-radio */
.custom-card-radio .tcheckgroup_label {
    display: flex !important;
    align-items: center !important;
    width: 100% !important; 
    box-sizing: border-box !important;
    padding: 6px !important; /* Aumentei um pouco para melhor toque */
    margin: 8px 0 !important;
    border: 1px solid #ddd !important;
    border-radius: 20px !important; /* Ajustado para um visual arredondado elegante */
    background-color: #fff !important;
    cursor: pointer !important;
}

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

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

.custom-card-radio 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;
}

/* 6. Limpeza de rádio nativo e BRs apenas dentro da classe específica */
.custom-card-radio input[type="radio"],
.custom-card-radio br {
    display: none !important;
}