/* Fale Conosco — cartoes de contato, horario e mapa.
   Markup: conteudo da pagina /fale-conosco/ (editavel no editor de paginas)

   Diferente das secoes da home, isto nao e um padrao: mora no conteudo da
   propria pagina para a admin poder corrigir um horario sem abrir o Editor de
   Site. O CSS e que garante que continue parecendo do tema. */

/* --- os tres cartoes: endereco, telefone/WhatsApp, e-mail --- */

.jhonys-contato__grade {
  gap: clamp(1rem, 2vw, 1.5rem);
}

.jhonys-contato__cartao {
  height: 100%;
  padding: clamp(1.25rem, 2.4vw, 1.75rem);
  border-radius: 14px;
  border-top: 4px solid var(--wp--preset--color--laranja-escuro);
  background: var(--wp--preset--color--branco);
  box-shadow: var(--wp--preset--shadow--suave);
}

.jhonys-contato__cartao h3 {
  margin: 0 0 .4rem;
  color: var(--wp--preset--color--verde-escuro);
  word-break: normal;
}

.jhonys-contato__cartao p {
  margin: 0 0 .35rem;
  color: var(--wp--preset--color--cinza);
  line-height: 1.55;
}

.jhonys-contato__cartao a {
  color: var(--wp--preset--color--verde);
  font-weight: 700;
  text-underline-offset: .18em;
}
.jhonys-contato__cartao a:hover,
.jhonys-contato__cartao a:focus-visible {
  color: var(--wp--preset--color--laranja-escuro);
}

/* --- horario ---
   Tabela de verdade em vez de paragrafos: sao pares dia/faixa, e leitor de
   tela anuncia a relacao entre os dois. */

.jhonys-contato__horario {
  width: 100%;
  border-collapse: collapse;
  margin: 0;
}

.jhonys-contato__horario caption {
  text-align: left;
  padding-bottom: .6rem;
  color: var(--wp--preset--color--cinza);
  font-size: var(--wp--preset--font-size--pequeno);
}

.jhonys-contato__horario th,
.jhonys-contato__horario td {
  padding: .7rem .2rem;
  border-bottom: 1px solid var(--wp--preset--color--cinza-claro);
  text-align: left;
  vertical-align: baseline;
}

.jhonys-contato__horario th {
  font-family: var(--wp--preset--font-family--titulo);
  font-weight: 700;
  color: var(--wp--preset--color--verde-escuro);
  white-space: nowrap;
}

.jhonys-contato__horario td {
  color: var(--wp--preset--color--cinza);
  font-variant-numeric: tabular-nums;
  text-align: right;
}

.jhonys-contato__horario tr:last-child :is(th, td) { border-bottom: 0; }

/* --- mapa ---
   `loading="lazy"` no iframe: o mapa e pesado e fica abaixo da dobra. */

.jhonys-contato__mapa {
  margin: 0;
  overflow: hidden;
  border-radius: 14px;
  box-shadow: var(--wp--preset--shadow--suave);
  line-height: 0;
}

.jhonys-contato__mapa iframe {
  width: 100%;
  height: clamp(280px, 38vw, 420px);
  border: 0;
  display: block;
}