/*
 * Ajustes exclusivos da versão SPA.
 * O tema original é servido intacto (main.css / responsive.css / style.css);
 * aqui ficam apenas os poucos estilos que o WordPress fornecia via plugins
 * (Contact Form 7) ou que a navegação client-side introduz.
 */

/* ---------------------------------------------- retorno do form de contato */

#main-contato #form-contato .form-resposta {
  min-height: 1.5em;
  margin: 10px 0 30px;
  font-size: 15px;
  color: #fff;
}

#main-contato #form-contato .form-resposta.ok {
  color: #9fe0c9;
}

#main-contato #form-contato .form-resposta.erro {
  color: #ffb4b4;
}

#main-contato #form-contato .wpcf7-submit[disabled] {
  opacity: 0.6;
  cursor: progress;
}

/* ------------------------------------------------------------ página busca */

.busca-vazia {
  padding: 40px 0 60px;
  font-size: 20px;
  color: #6b6a65;
}

/* --------------------------------------------------- menu mobile / colapso */

.navbar-collapse.show {
  display: block !important;
}

/* ---------------------------------------------------------- estado de rota */

/* O tema aplicava classes de página no <body>; aqui o equivalente vem do
   atributo data-rota, útil para ajustes pontuais por rota. */
body[data-rota="/"] header {
  position: relative;
}

/* ------------------------------------------------------------ slider home */

/* No WordPress a altura de 720px chegava até o .carousel-item pela cadeia
   #intro > .row.h-100 > #slider.h-100. Sem o markup gerado pelo PHP a
   porcentagem não resolve, então tornamos a cadeia explícita. */
#main-home #intro #slider .carousel,
#main-home #intro #slider .carousel-inner {
  height: 100%;
}

/* ------------------------------------------------------- botão do menu mobile */

/* responsive.css traz `right: -10` (sem unidade), declaração que o navegador
   descarta. No WordPress o botão ainda assim caía à direita pela posição
   estática do flex; fora dele o cálculo muda, então fixamos o mesmo resultado. */
@media only screen and (max-width: 900px) {
  header button.navbar-toggler {
    left: auto;
    right: -10px;
  }
}