/* =========================
   BOTÃO "PRÓXIMO" – cor #6c757d
   ========================= */

/* Estado normal */
#ls-button-submit.btn-primary,
.ls-move-next-btn.btn-primary {
  background-color: #6c757d;
  border-color: #6c757d;
  color: #ffffff;
}

/* Hover */
#ls-button-submit.btn-primary:hover,
.ls-move-next-btn.btn-primary:hover {
  background-color: #5a6268; /* levemente mais escuro */
  border-color: #5a6268;
}

/* Focus (acessibilidade / teclado) */
#ls-button-submit.btn-primary:focus,
.ls-move-next-btn.btn-primary:focus {
  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.4);
}

/* Disabled */
#ls-button-submit.btn-primary:disabled,
.ls-move-next-btn.btn-primary:disabled {
  background-color: #adb5bd;
  border-color: #adb5bd;
  color: #ffffff;
}

/* =========================
   COR DA RESPOSTA SELECIONADA (botões 0–10, listas, etc.)
   ========================= */

/* (A) Perguntas que renderizam alternativas como "botões" (Bootstrap) */
input.btn-check:checked + label.btn,
input.btn-check:checked + .btn,
.btn-check:checked + .btn,
.btn.active,
.btn[aria-pressed="true"] {
  background-color: #6c757d !important;  /* cor do selecionado */
  border-color: #6c757d !important;
  color: #ffffff !important;
}

/* Hover do selecionado (opcional) */
input.btn-check:checked + label.btn:hover,
.btn.active:hover {
  filter: brightness(0.95);
}

/* (B) Alternativas comuns (radio/checkbox) – realça o texto do item marcado */
.checkbox-item i


/* =========================
   TEXTO DAS PERGUNTAS
   ========================= */

.question-text,
.question-text p,
.ls-label-question,
.ls-label-question p {
  font-family: Verdana, Geneva, sans-serif !important;
  font-size: 16px !important;
  color: #6c757d !important;
  font-weight: 400;
}

.ls-question-message.ls-em-tip.em_default {
  font-style: italic !important;
  font-weight: 700 !important;
  color: #34AE5B !important;
}

/* Puxa o Anterior/Próximo para mais perto do bloco de respostas (todas as páginas) */
#navigator-container {
  margin-top: 0 !important;
  padding-top: 0 !important;
  transform: translateY(-32px);  /* ajuste: -12 a -32 */
}

/* Compensa o espaço “sobrando” no fim para não cortar conteúdo */
#main-col {
  padding-bottom: 24px !important; /* mesmo valor absoluto do translate */
}

/* 1) Evita que o container empurre o navigator para o rodapé */
#main-col,
#main-row {
  display: block !important;     /* neutraliza flex do tema */
}

/* 2) Tira o “respiro” vertical exagerado da página */
#outerframeContainer,
.outerframe,
.group-outer-container,
.group-container {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}

/* 3) Coloca o navigator logo após o conteúdo */
#navigator-container {
  margin-top: 8px !important;   /* ajuste: 8–24 */
  padding-top: 0 !important;
}

/* 1) Reduz o espaço abaixo da barra de progresso (top container) */
.top-container {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

.top-container .top-content {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* 2) Remove o “respiro” acima do conteúdo do questionário (onde começam as perguntas) */
#outerframeContainer,
.outerframe,
#main-row,
#main-col {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

/* 3) Se o tema estiver colocando margem na própria barra/progresso */
.ls-progress-container {
  margin-bottom: 6px !important; /* ajuste: 0–10px */
}

/* 1) Aproxima a barra de progresso da logomarca (reduz o gap principal) */
body .top-container {
  margin-top: 10px !important;   /* estava 70px — ajuste: 10–40 */
}

/* 2) Reduz espaço extra do navbar (onde fica a logo) */
#survey-nav.navbar {
  padding-top: 6px !important;
  padding-bottom: 0px !important;
  margin-bottom: 0 !important;
}

/* 3) Se o container do navbar tiver padding que empurra tudo */
#survey-nav .container-fluid {
  padding-bottom: 0 !important;
}

/* 4) Ajuste fino da própria barra de progresso */
.ls-progress-container {
  margin-top: 0 !important;
  margin-bottom: 6px !important; /* ajuste: 0–10 */
}

/* Aumenta a espessura (altura) da barra de progresso */
.ls-progress-container .progress {
  height: 6px !important;      /* ajuste: 8–14px */
}

/* Coloca * (obrigatória) e texto da pergunta na mesma linha */
.question-title-container {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-start !important;
  gap: 0.35em !important;              /* ~1 caractere de espaço */
}

/* Garante que o asterisco não force quebra nem tenha margens “estranhas” */
.question-title-container .asterisk {
  flex: 0 0 auto !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.2 !important;
}

/* Permite o texto ocupar o resto da linha */
.question-title-container .question-text {
  flex: 1 1 auto !important;
  margin: 0 !important;
}

.question-title-container { align-items: baseline !important; }