/* CAMINHO: /home1/miille88/eovovo.com.br/assets/css/rodape.css */
/* ============================================================
   eovovo — rodape.css
   Rodapé padrão de todo o site: fundo verde escuro (--verde-fundo).
   Usa só as variáveis do base.css. Prefixo .eov- para não brigar
   com o .rodape do login nem com o antigo .rodape-mini.
   Carregado pelo layout.php em todas as telas que têm rodapé.
   ============================================================ */

.eov-rodape{
  background:var(--verde-fundo);
  color:#b9c2ab;
  font-size:.92rem;
  line-height:1.7;
  padding:clamp(34px,5vw,54px) clamp(18px,5vw,56px) 22px;
  border-top:1px solid rgba(255,255,255,.07);
}

/* ---------------- versão da vitrine ---------------- */
.eov-rodape-grade{
  max-width:1080px;margin:0 auto;
  display:grid;gap:clamp(24px,4vw,44px);
  grid-template-columns:1.5fr 1fr 1fr 1.35fr 1.15fr;
}
.eov-rodape-marca{
  font-family:'Lora',serif;font-size:1.4rem;color:#f3efe2;
  margin-bottom:8px;letter-spacing:.2px;
}
.eov-rodape-frase{color:#a8b39a;line-height:1.6}

.eov-rodape-col h3{
  font-family:'Source Sans 3',sans-serif;font-size:.76rem;letter-spacing:.1em;
  text-transform:uppercase;color:var(--ocre);font-weight:600;margin-bottom:12px;
}
.eov-rodape-col a{
  display:block;color:#dfe3d4;text-decoration:none;padding:4px 0;
}
.eov-rodape-col a:hover{color:#fff;text-decoration:underline;text-decoration-color:var(--ocre)}
.eov-rodape-email{overflow-wrap:anywhere}
.eov-rodape .eov-ic{vertical-align:-2px;margin-right:2px;color:var(--ocre)}
.eov-rodape-nota{margin-top:12px;font-size:.85rem;color:#94a087;line-height:1.55}

/* ---------------- versão enxuta (telas internas) ---------------- */
.eov-rodape-enxuto{padding-top:26px;padding-bottom:20px}
.eov-rodape-linha{
  max-width:1080px;margin:0 auto;
  display:flex;align-items:center;gap:10px 22px;flex-wrap:wrap;
}
.eov-rodape-enxuto .eov-rodape-marca{font-size:1.15rem;margin-bottom:0}
.eov-rodape-atalhos{display:flex;gap:18px;flex-wrap:wrap}
.eov-rodape-atalhos a{color:#dfe3d4;text-decoration:none;font-size:.9rem}
.eov-rodape-atalhos a:hover{color:#fff;text-decoration:underline;text-decoration-color:var(--ocre)}

/* ---------------- barra de base ---------------- */
.eov-rodape-base{
  max-width:1080px;margin:30px auto 0;padding-top:16px;
  border-top:1px solid rgba(255,255,255,.12);
  display:flex;justify-content:space-between;gap:8px 16px;flex-wrap:wrap;
  font-size:.85rem;color:#8e9a82;
}
.eov-rodape-enxuto .eov-rodape-base{margin-top:20px}
.eov-rodape-credito a{color:var(--ocre);font-weight:600;text-decoration:none}
.eov-rodape-credito a:hover{color:#e0bd84;text-decoration:underline}
.eov-rodape a:focus-visible{outline:2px solid var(--ocre);outline-offset:3px;border-radius:3px}

/* ---------------- telas centralizadas (login/senha/newsletter) ----------------
   Essas páginas centralizam a caixa com flex no body. Com o rodapé como
   irmão da caixa, o body passa a ser coluna: caixa no meio, rodapé embaixo. */
body.pg-login,body.pg-senha,body.pg-newsletter{
  flex-direction:column;align-items:stretch;justify-content:flex-start;
  padding:0;min-height:100vh;min-height:100dvh;
}
body.pg-login .caixa,
body.pg-senha .caixa,
body.pg-newsletter .caixa{margin:auto;flex:none}
body.pg-login>.eov-rodape,
body.pg-senha>.eov-rodape,
body.pg-newsletter>.eov-rodape{margin-top:auto}

/* telas internas: o rodapé encosta no fim da página, nunca no meio dela */
body.pg-painel,body.pg-conta{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh}
body.pg-painel>main,body.pg-conta>main{flex:1}

/* ---------------- celular ---------------- */
@media(max-width:860px){
  .eov-rodape-grade{grid-template-columns:1fr 1fr}
  .eov-rodape-marca-col{grid-column:1/-1}
}
@media(max-width:560px){
  .eov-rodape{padding-left:20px;padding-right:20px}
  .eov-rodape-grade{grid-template-columns:1fr;gap:26px;text-align:center}
  .eov-rodape-col a{padding:7px 0}          /* dedo tem mais alvo que mouse */
  .eov-rodape-nota{margin-inline:auto;max-width:34ch}
  .eov-rodape-linha{justify-content:center;text-align:center}
  .eov-rodape-atalhos{justify-content:center;gap:14px 18px}
  .eov-rodape-base{justify-content:center;text-align:center;gap:4px}
}