/*
 * Correcoes que valem para o site inteiro. Entra em todas as paginas pelo
 * ajustes.py. O ajustes.css continua so nas paginas que ganharam secoes novas,
 * porque carrega regras de layout que nao cabem no resto do site.
 */

/* ---------- acordeao das unidades ---------- */
/*
 * No acordeao das unidades, o de fundo azul, o tema pinta o quadrado do "+" de
 * branco ao passar o mouse e quando a unidade esta aberta, mas o sinal continua
 * branco, e some. O seletor pega so esse acordeao, pela cor de destaque branca
 * que ele declara; o acordeao de fundo branco, que fica azul no hover, fica
 * como esta.
 */
.fusion-accordian[style*="--awb-toggle-hover-accent-color:#ffffff"] .panel-title a:hover,
.fusion-accordian[style*="--awb-toggle-hover-accent-color:#ffffff"] .panel-title a:focus-visible,
.fusion-accordian[style*="--awb-toggle-hover-accent-color:#ffffff"] .panel-title a.active {
  --awb-icon-color: #000000;
}

.fusion-accordian[style*="--awb-toggle-hover-accent-color:#ffffff"] .panel-title a:hover .fa-fusion-box,
.fusion-accordian[style*="--awb-toggle-hover-accent-color:#ffffff"] .panel-title a:focus-visible .fa-fusion-box,
.fusion-accordian[style*="--awb-toggle-hover-accent-color:#ffffff"] .panel-title a.active .fa-fusion-box {
  color: #000000 !important;
}

/* ---------- campos dos formularios ---------- */
/*
 * O tema usa o mesmo cinza claro (#9ea0a4) para o texto digitado, para as
 * opcoes das listas e para o texto de exemplo dos campos, entao o que a pessoa
 * escolhe parece desativado. O que e resposta vai para o preto; o texto de
 * exemplo continua cinza, um pouco mais escuro, para seguir parecendo dica.
 * O #wrapper e o que vence a regra do tema, que tambem carrega um ID.
 */
#wrapper .wpcf7-form input:not([type="submit"]),
#wrapper .wpcf7-form select,
#wrapper .wpcf7-form select option,
#wrapper .wpcf7-form textarea {
  color: #000000;
}

#wrapper .wpcf7-form input::placeholder,
#wrapper .wpcf7-form textarea::placeholder {
  color: #6b6d71;
  opacity: 1;
}

/* ---------- botao e pop-up do WhatsApp (plugin LISA WhatsApp Connect) ---------- */
/*
 * Contraste abaixo do minimo de leitura (WCAG AA, 4,5:1):
 * o texto branco do botao no verde #1f8d5c dava 4,18:1, e o texto de exemplo
 * dos campos do pop-up (#a9b3c1) dava 2,1:1. O verde desce so o necessario,
 * #1d8557 da 4,62:1 e a diferenca quase nao se ve; o hover continua mais
 * escuro que ele. O texto de exemplo vai para o cinza que o proprio plugin ja
 * usa em textos secundarios. As cores originais vem de um <style> dentro de
 * cada pagina; este arquivo carrega depois, entao prevalece.
 */
.lwc-root {
  --lwc-primary: #1d8557;
  --lwc-primary-rgb: 29, 133, 87;
  --lwc-placeholder: #6b7585;
}

/* ---------- titulos brancos sobre fundo escuro ---------- */
/*
 * Varias faixas de titulo (ENTRE EM CONTATO, por exemplo) tem fundo azul
 * escuro e o bloco declara o titulo em branco, por --awb-text-color. So que o
 * tema pinta todo titulo de azul escuro com um seletor que carrega o #wrapper,
 * e ganha: fica azul escuro sobre azul escuro, ilegivel. Esta regra carrega o
 * mesmo ID e devolve o branco que o proprio bloco pediu. So pega titulo que
 * declarou branco; os demais continuam com a cor do tema.
 */
.fusion-body #wrapper .fusion-title[style*="--awb-text-color:#ffffff"] .fusion-title-heading,
.fusion-body #wrapper .fusion-title[style*="--awb-text-color: #ffffff"] .fusion-title-heading {
  color: #ffffff;
}

/* ---------- tabelas dos posts no celular ---------- */
/*
 * Tres posts do blog tem tabelas que, num celular de 320px, ficam 10 a 20px
 * mais largas que a tela, e a borda direita era cortada. Abaixo de 640px a
 * tabela rola na horizontal dentro dela mesma; a pagina continua parada.
 */
@media (max-width: 640px) {
  .post-content table {
    display: block;
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}

/* ---------- rodape no celular ---------- */
/*
 * O rodape tem tres colunas (apresentacao, contatos das unidades, redes
 * sociais) que nunca empilhavam: num celular de 390px cada uma ficava com uns
 * 90px, uma palavra por linha, e o texto passava por cima do "+" do acordeao
 * e das linhas pontilhadas. Abaixo de 800px, que e onde o proprio tema troca
 * para o layout de celular, cada coluna ocupa a largura inteira, uma embaixo
 * da outra, e as divisorias verticais saem.
 */
@media (max-width: 800px) {
  .fusion-footer-widget-area .fusion-columns {
    flex-wrap: wrap;
  }

  .fusion-footer-widget-area .fusion-columns > .fusion-column {
    border: 0 !important;
    flex: 0 0 100%;
    margin-bottom: 36px;
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
    width: 100% !important;
  }

  .fusion-footer-widget-area .fusion-columns > .fusion-column:last-child {
    margin-bottom: 0;
  }
}

/* ---------- contraste apontado pelo PageSpeed (23/09) ---------- */
/*
 * Botoes do aviso de cookies: branco sobre #00a99d dava 2,93:1. #007a70 e o
 * mesmo verde-agua mais escuro e da 5,2:1. A cor vem num style do plugin,
 * dai o !important.
 */
#cookie-notice .cn-button {
  background-color: #007a70 !important;
}

/* Linha de copyright do rodape: #666 sobre preto dava 3,65:1; #999 da 7,4:1. */
.fusion-footer-copyright-area .fusion-copyright-notice,
.fusion-footer-copyright-area .fusion-copyright-notice div {
  color: #999999;
}