/******************
    User custom CSS
    ---------------

    In this file you can add your own custom CSS
    It will be loaded last, so you can override any other property.
    Also, it will never be updated. So if you inheritate a core template and just add here some CSS, you'll still benefit of all the updates
*/

body {
    font-size:16px;
    padding-top: 110px !important;
}

.apenas-leitor-ecra {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.apenas-leitor-ecra-focado:focus {
  position: absolute;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto;
    z-index: 99999999;
    top: 10px;
    left: 10px;
}

.fruity form .form-control:focus{
    box-shadow: 0px 0px 0px 1px #ffffff, 0px 0px 0px 3px #FFBB32;
    border-color: #C4C7CA;
}

h1.text-center{
    text-align: left;
    margin: 46px 0 40px;
}

.fruity .text-info.survey-description{
    color: #0E0F10;
}

.list-question-select {
    font-size:16px;
}

.form-control {
    font-size: 16px;
}
    

.navbar-header {
    float: none;
    margin: 0 auto;
}
 
.navbar-brand.logo-container {
    display: block !important;
    float: none;
    margin: 0 auto;
    text-align: center;
}
 
.navbar-brand img {
    margin: 0 auto;
}

.space-col{
    margin-top: 0px;
    margin-bottom: 0px;
}

.group-title {
     margin-bottom: 20px;
}

.question-title-container{
    padding-top: 0px;
    padding-bottom: 0;
}

div.question-container{
    box-shadow: none;
    border: none;
}

.answer-container{
    padding-top: 8px;
}

.ls-em-tip .fa,
.emtip .fa,
.ls-questionhelp::before{
    display: none;
}

.ls-answers{
    padding: 0;
}
.dir-ltr .ls-questionhelp,
.ls-question-message{
    margin: 0;
    font-weight: 400;
}

.control-label{
    margin-bottom: 8px;
}

.fruity input[type="text"],
.fruity input[type="email"]{
    padding: 9px 16px;
    border-radius: 12px;
    height: auto;
    border-color: #C4C7CA;
    box-shadow: none;
}

.radio-list .list-unstyled{
    display: flex;
    flex-direction: row;
}

.radio-list .list-unstyled .answer-item {
    margin-bottom: 0;
}

.dir-ltr .radio-item input[type="radio"],
.dir-ltr .checkbox-item input[type="checkbox"]{
    left: -20px;
    margin: 0;
    width: 28px;
    height: 28px;
    font-size: 19px;
}

.radio-item label::before,
.checkbox-item label::before{
    width: 28px;
    height: 28px;
    margin-left: calc(-12px - 28px);
}

body .answer-item.radio-item label::after{
    left: calc(-12px - 28px);
    margin: 0;
    height: 28px;
    width: 28px;
    top: 0;
    background-color: #fff !important;
    font-size: 19px;
    border: solid 7px #008743;
}

body .answer-item.checkbox-item label::after{
    left: calc(-12px - 28px);
    margin: 0;
    height: 28px;
    width: 28px;
    top: 0;
    background-color: #008743 !important;
    font-size: 19px;
}

.radio-list li,
.checkbox-list li{
    margin-right: calc(12px + 28px);
    padding-left: calc(12px + 28px);
}

.form-control.date-control{
    border-right: none;
}

.fruity .date-timepicker-group .input-group-addon{
    background: none;
    border-color: #C4C7CA;
    border-left: none;
    color: #3D3F43;
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
}

.fruity form .btn-primary.action--ls-button-submit{
    background-color: #0E0F10 !important;
    border-color: #0E0F10;
    border-radius: 24px;
    font-weight: 600;
    letter-spacing: 0;
}

.fruity .text-success,
.fruity .text-info,
.fruity .text-primary{
    color: #008743;   
}
.fruity .bg-primary {
    background-color: #008743;
}

.fruity .answer-item.text-item.comment-item{
    padding-top: 15px;
    padding-bottom: 15px;
}

/********************************************************
  PERGUNTAS — LADO A LADO - 27/04/2026
  correção de alinhamento em mobile (date picker)
  correção da altura dos dropdowns
********************************************************/

/* Desktop */
.pergunta-esquerda,
.pergunta-direita {
  display: inline-block;
  width: 48%;
  vertical-align: top;
}

.pergunta-direita {
  margin-left: 4%;
}

/* Corrigir altura e evitar corte do texto nos dropdowns */
.pergunta-esquerda select.form-control,
.pergunta-direita select.form-control {
  height: 40px !important;
  min-height: 40px !important;
  line-height: 24px !important;
  padding-top: 7px !important;
  padding-bottom: 7px !important;
}

/* Mobile */
@media (max-width: 768px) {

  /* pergunta volta a ocupar tudo */
  .pergunta-esquerda,
  .pergunta-direita {
    display: block;
    width: 100%;
    margin-left: 0;
  }

  /* FIX CRÍTICO para datas */
  .pergunta-esquerda .input-group,
  .pergunta-direita .input-group {
    width: 100%;
  }

  .pergunta-esquerda input.form-control,
  .pergunta-direita input.form-control {
    width: 100%;
  }
}


/********************************************************
  DROPDOWNS — CANTOS ARREDONDADOS
  Alinha com os restantes campos do formulário
  Última alteração: 27/04/2026 11:12
********************************************************/

.answer-container select,
.answer-container select.form-control {
  border-radius: 8px !important;   /* ajusta: 6px | 8px | 10px */
}

/* =========================================================
   Ajustes de Logótipo – LimeSurvey
   Autor: Fernando Xastre
   Data: 05-05-2026
   Objetivo:
   - Aumentar o tamanho do logótipo
   - Alinhar o logótipo à esquerda
   - Alinhar horizontalmente com o conteúdo do formulário
   ========================================================= */

/* [05-05-2026] — Remover centramento automático do Bootstrap */
.navbar-brand img {
    margin: 0 !important;
}

/* [05-05-2026] — Aumentar o tamanho do logótipo (sem deformar) */
.navbar-brand img {
    max-height: 160px;   /* ajustar se necessário */
    width: auto;
}

/* [05-05-2026] — Limitar e alinhar o header do logótipo com o container do formulário */
@media (min-width: 992px) {
    .navbar .navbar-header {
        max-width: 1140px;      /* igual ao .container Bootstrap */
        margin: 0 auto;
        padding-left: 1px;
        padding-right: 15px;
    }
}

/* [05-05-2026] — Ajuste fino opcional para alinhamento vertical */
.navbar-brand img {
    margin-top: 5px;   /* ajustar ao pixel conforme necessário */
}/* LimeSurvey 7 / Bootstrap 5 compatibility */
.fruity .form-select:focus{box-shadow:0 0 0 1px #fff,0 0 0 3px #FFBB32;border-color:#C4C7CA}.fruity select.form-select{font-size:16px;border-radius:12px;border-color:#C4C7CA}.fruity .input-group-text{background:#fff;border-color:#C4C7CA}.fruity .navbar-brand img,.fruity img.logo-img{display:block;margin:0 auto;max-height:150px;max-width:100%;width:auto;object-fit:contain}.fruity .form-check-input{width:28px;height:28px}.fruity .form-check-input:checked{background-color:#008743;border-color:#008743}.fruity .btn-primary,.fruity .action--ls-button-submit{background-color:#0E0F10!important;border-color:#0E0F10!important;border-radius:24px;font-weight:600}.fruity .progress-bar{background-color:#008743!important}@media(max-width:767.98px){body{padding-top:90px!important}.radio-list .list-unstyled{flex-direction:column}.fruity .navbar-brand img,.fruity img.logo-img{max-height:100px}}