/* Estilos gerais para o formulário */
.ficha-medica-form {
    max-width: 800px;
    margin: 0 auto;
    font-family: Arial, sans-serif;
    line-height: 1.6;
    background: #fff;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

/* Título das seções */
.ficha-part h3 {
    margin-top: 20px;
    padding-bottom: 10px;
    border-bottom: 2px solid #ddd;
}

/* Espaçamento entre os grupos de perguntas */
.ficha-part {
    margin-bottom: 20px;
}

/* Alinhamento das perguntas e respostas */
.ficha-part label {
    display: block;
    font-weight: bold;
    margin-bottom: 5px;
}

/* Organizar as opções "Sim" e "Não" em linha */
.ficha-part .options {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

/* Ajustar largura dos campos de texto */
.ficha-part textarea,
.ficha-part input[type="text"],
.ficha-part input[type="number"] {
    width: 100%;
    max-width: 100%;
    padding: 8px;
    border: 1px solid #ccc;
    border-radius: 4px;
    margin-bottom: 10px;
    box-sizing: border-box;
}

/* Ajuste para alinhamento dos checkboxes e radio buttons */
.ficha-part input[type="radio"],
.ficha-part input[type="checkbox"] {
    margin-right: 5px;
    vertical-align: middle;
}
/* Estilizando os radio buttons */
.options input[type="radio"] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    border: 2px solid #000; /* Borda preta (padrão do navegador) */
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
    outline: none;
    position: relative;
    margin-left: 20px;
}

/* Criando a bolinha no centro quando selecionado */
.options input[type="radio"]:checked::before {
    content: "";
    width: 10px;
    height: 10px;
    background-color: black; /* Mantém a bolinha padrão */
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* Ajustando alinhamento dos labels */
.options label {
    font-size: 16px;
    font-weight: 500;
    cursor: pointer;
    display: flex;
    align-items: center;
    margin-right: 20px;
    }


.entrevista {
    border-top: 10px solid lightgray;
}
.separador {
    border-top: 2px solid lightgray;
}
.aceite_texto label {
    font-weight: 300 !important;
}

/* Estilos das perguntas */
.question {
    display: flex;
    align-items: center;
    padding: 10px;
    border-left: 6px solid transparent; /* Define a borda lateral */
    margin-bottom: 8px;
    background: #f9f9f9;
    border-radius: 4px;
}

/* Aplicação das cores nas perguntas */
.question.branco {
    border-left-color: #ffffff !important;
}

.question.verde {
    border-left-color: #28a745 !important;
}

.question.vermelho {
    border-left-color: #dc3545 !important;
}

.question.azul {
    border-left-color: #007bff !important;
}

.question.dourado {
    border-left-color: #ffc107 !important;
}

/* Botões */
.ficha-buttons {
    text-align: center;
    margin-top: 20px;
}

.ficha-buttons button {
    padding: 10px 20px;
    font-size: 16px;
    border: none;
    background-color: #0073aa;
    color: white;
    border-radius: 4px;
    cursor: pointer;
}

.ficha-buttons button:hover {
    background-color: #005a87;
}

/* Responsividade */
@media (max-width: 768px) {
    .ficha-medica-form {
        padding: 0 10px;
    }

    .options {
        flex-direction: column;
        align-items: flex-start;
    }

    .ficha-buttons button {
        width: 100%;
        font-size: 14px;
    }

    /* Ajustando espaçamento e alinhamento para telas menores */
    .question {
        flex-direction: column;
        align-items: flex-start;
    }

    .question label {
        margin-bottom: 5px;
    }
}

/* ------------------ */
/* ------------------ */
/* Ficha Médica ADMIN */
/* Estilos para melhorar visualização */
/* Ajustando o espaçamento para maior proximidade entre colunas */
.ficha-visualizacao th {
    text-align: left;
    padding: 8px 12px; /* Reduzindo o padding para diminuir o espaçamento */
    font-size: 16px;
    width: 20%; /* Reduzindo a largura da coluna TH para aproximar as respostas */
    white-space: nowrap; /* Evita que o título quebre linha */
}

.ficha-visualizacao td {
    padding: 8px 12px; /* Reduzindo o padding da célula para manter alinhamento */
    background-color: #f8f8f8;
    width: 80%;
}

/* Cores das seções laterais */
.branco { border-left: 5px solid #ffffff; }
.verde { border-left: 5px solid #28a745; }
.vermelho { border-left: 5px solid #dc3545; }
.azul { border-left: 5px solid #007bff; }
.dourado { border-left: 5px solid #ffc107; }

/* Cores das seções aplicadas em todas as perguntas */
.ficha-visualizacao tr.branco th,
.ficha-visualizacao tr.branco td {
    border-left: 5px solid #ffffff;
}

.ficha-visualizacao tr.verde th,
.ficha-visualizacao tr.verde td {
    border-left: 5px solid #28a745;
}

.ficha-visualizacao tr.vermelho th,
.ficha-visualizacao tr.vermelho td {
    border-left: 5px solid #dc3545;
}

.ficha-visualizacao tr.azul th,
.ficha-visualizacao tr.azul td {
    border-left: 5px solid #007bff;
}

.ficha-visualizacao tr.dourado th,
.ficha-visualizacao tr.dourado td {
    border-left: 5px solid #ffc107;
}

/* end Ficha Médica ADMIN */
/* ------------------ */
/* ------------------ */


/* ------------------ */
/* BOLINHAS */
/* ------------------ */
.bolinhas-classificacao {
    margin: 20px 0;
    font-size: 30px;
}

.bolinha {
    display: inline-block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    text-align: center;
    line-height: 30px;
    margin-right: 10px;
}

.bolinha.verde { background-color: #28a745; color: white; }
.bolinha.vermelho { background-color: #dc3545; color: white; }
.bolinha.azul { background-color: #007bff; color: white; }
.bolinha.dourado { background-color: #ffc107; color: black; }
.sem-classificacao { font-size: 18px; color: gray; }

/* ------------------ */
/* end BOLINHAS */
/* ------------------ */



/* ------------------ */
/* IMPRESSÃO DA FICHA */
/* ------------------ */

/* Estilos de Impressão */
@media print {
    /* Ocultar menus, cabeçalhos, barras laterais e rodapé */
    #wpadminbar, #adminmenuwrap, #adminmenuback, .update-nag, .notice, #screen-meta, #screen-meta-links, 
    .wrap h1, .wrap .button, .wrap .button-secondary, 
    #footer-upgrade, #footer-left, #footer-thankyou, /* ⬅ Oculta "Obrigado por criar com WordPress" */
    #wpfooter, /* ⬅ Oculta "Obter Versão x.x.x" */
    #adminmenuwrap, #adminmenuback {
        display: none !important;
    }

    /* 🔹 Forçar o conteúdo a ocupar 100% da página */
    body, html {
        margin: 0 !important;
        padding: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        font-size: 14px; /* Reduzindo um pouco a fonte */
    }

    /* 🔹 Remover margem do menu lateral e alinhar à esquerda */
    #wpcontent {
        margin-left: 0 !important;
        padding: 0 !important;
        width: 100% !important;
    }

    /* 🔹 Ajustar o container principal */
    .wrap {
        width: 100% !important;
        margin: 0 !important;
        padding: 20px !important;
        box-sizing: border-box;
    }

    /* 🔹 Melhorar layout da tabela */
    .form-table {
        width: 100%;
        border-collapse: collapse;
        font-size: 13px; /* Ajuste fino para economizar espaço */
    }

    .form-table th, .form-table td {
        border: 1px solid #ccc;
        padding: 5px;
        text-align: left;
        vertical-align: top;
    }

    /* 🔹 Melhorar espaçamento e organização */
    .form-table h3 {
        font-size: 16px;
        margin-top: 15px;
        background-color: #f4f4f4;
        padding: 8px;
    }

    /* 🔹 Ajustar largura das colunas para melhor aproveitamento */
    .form-table th {
        width: 40%;
        padding-left: 10px;
        border-left-width: 5px; /* Mantendo a linha lateral colorida */
    }

    .form-table td {
        width: 60%;
    }

    /* 🔹 Ajuste de espaçamento entre os campos para otimizar a impressão */
    .form-table tr {
        page-break-inside: avoid; /* Evitar quebras no meio das seções */
    }

    /* 🔹 Cores das sessões */
    .form-table .branco th { border-left: 5px solid #ffffff; }
    .form-table .verde th { border-left: 5px solid #28a745; }
    .form-table .vermelho th { border-left: 5px solid #dc3545; }
    .form-table .azul th { border-left: 5px solid #007bff; }
    .form-table .dourado th { border-left: 5px solid #ffc107; }

    /* 🔹 Ajustando margem superior e inferior para melhorar o layout na impressão */
    @page {
        margin: 15mm 10mm; /* Margem superior/inferior de 15mm e laterais de 10mm */
    }

    /* 🔹 Ocultar o botão de impressão e o de voltar */
    .button-primary, .button {
        display: none !important;
    }

    /* 🔹 Ocultar cabeçalho e rodapé da impressão no Chrome */
    @media print {
        body {
            -webkit-print-color-adjust: exact;
            color-adjust: exact;
            print-color-adjust: exact;
        }
        * {
            -webkit-print-color-adjust: exact;
            color-adjust: exact;
            print-color-adjust: exact;
        }
    }
}

/* Estilos de impressão */
        @media print {
            /* Ocultar menus, cabeçalhos, botões e rodapé */
            #wpadminbar, #adminmenuwrap, #adminmenuback, .update-nag, .notice, #screen-meta, 
            #screen-meta-links, .wrap .button, .wrap .button-secondary, #footer-upgrade, 
            #footer-left, #footer-thankyou, #wpfooter {
                display: none !important;
            }

            /* Forçar ocupação total da página */
            body, html {
                margin: 0 !important;
                padding: 0 !important;
                width: 100% !important;
                max-width: 100% !important;
                font-size: 14px;
            }

            /* Ajuste do conteúdo para impressão */
            .print-container {
                width: 100% !important;
                margin: 0 !important;
                padding: 20px !important;
                box-sizing: border-box;
            }
/* ------------------ */
/* BOLINHAS */
/* ------------------ */
.bolinhas-classificacao {
    margin: 20px 0;
    font-size: 30px;
}

.bolinha {
    display: inline-block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    text-align: center;
    line-height: 30px;
    margin-right: 10px;
}

.bolinha.verde { background-color: #28a745; color: white; }
.bolinha.vermelho { background-color: #dc3545; color: white; }
.bolinha.azul { background-color: #007bff; color: white; }
.bolinha.dourado { background-color: #ffc107; color: black; }
.sem-classificacao { font-size: 18px; color: gray; }

/* ------------------ */
/* end BOLINHAS */
/* ------------------ */
            /* Tabela otimizada para impressão */
            .print-table {
                width: 100%;
                border-collapse: collapse;
                font-size: 13px;
            }

            .print-table th, .print-table td {
                border: 1px solid #ccc;
                padding: 5px;
                text-align: left;
                vertical-align: top;
            }

            /* Ajuste do tamanho do título */
            .print-title {
                font-size: 22px;
                margin-bottom: 10px;
                text-align: center;
            }

            .print-subtitle {
                font-size: 16px;
                text-align: center;
                margin-bottom: 20px;
            }

            /* Margens da página para impressão */
            @page {
                margin: 15mm 10mm; /* Margem superior/inferior de 15mm e laterais de 10mm */
            }

            /* Ocultar botões de ação */
            .print-button {
                display: none !important;
            }
        }

/* ------------------ */
/* end IMPRESSÃO DA FICHA */
/* ------------------ */




@media print {
    /* Ajuste global para evitar quebras de página desnecessárias */
    html, body {
        height: auto !important;
        overflow: visible !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* Evita quebras de página inesperadas */
    .wrap {
        page-break-before: avoid;
        page-break-after: auto;
        page-break-inside: avoid;
        margin: 0 !important;
        padding-bottom: 5mm !important; /* Pequeno espaço no final para evitar corte */
    }

    /* Ajusta as tabelas para evitar que fiquem separadas */
    table {
        page-break-inside: auto;
    }

    /* Garante que elementos finais não forcem uma página extra */
    .wrap:after {
        content: "";
        display: block;
        height: 1px;
        clear: both;
    }

    /* Evita que um espaço forçado crie página extra no final */
    @page {
        size: auto; /* Ajusta dinamicamente o tamanho */
        margin: 10mm 10mm 10mm 10mm; /* Margens padrão */
    }

    /* Ajusta a altura dos elementos finais para evitar quebras */
    .form-table tr:last-child {
        page-break-after: avoid;
    }

    /* Evita que espaços vazios gerem páginas extras */
    .form-table tr {
        page-break-inside: avoid;
    }
}


/* Garantir que a ENTREVISTA FIQUE EM uma nova FOLHA */
@media print {
    /* Garante que a Pequena Entrevista inicie em uma nova página */
    .entrevista-wrapper {
        display: block;
        page-break-before: always !important;
    }

    /* Previne que quebre linhas no meio das perguntas */
    .entrevista {
        page-break-inside: avoid !important;
    }

    /* Oculta cabeçalhos e rodapés padrão do navegador */
    @page {
        margin: 10mm 10mm; /* Margens padrão */
        size: auto; /* Mantém a impressão ajustada */
    }

    /* 🔹 Ocultar cabeçalho e rodapé do Chrome e outros navegadores */
    body {
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }

    * {
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }
    
}