/* ==========================================================================
   RODAPÉ — estilo único das três páginas (index.php, produtos.php, 404.php)
   ==========================================================================
   O HTML já era compartilhado (includes/footer.php); o CSS estava copiado
   dentro de cada página e as cópias divergiram: a página de produtos tinha
   4 colunas iguais em vez de 2,5fr, vãos de 32px em vez de 20px, links mais
   altos e a barra de baixo com moldura própria — e a 404 não tinha cópia
   nenhuma, então herdava o verde do template e perdia até os círculos dos
   ícones de rede social.

   A referência é o rodapé da home, declarado pelo cliente como o correto.
   Include compartilhado leva o CSS junto: quem mexer aqui mexe nas três
   páginas de uma vez. Ordem preservada da origem — as regras de baixo
   sobrescrevem as de cima de propósito.
   ========================================================================== */

/* Dimensionamento de Logo. A do cabeçalho está em assets/css/navbar.css,
   junto com o resto do cabeçalho; aqui fica só a do rodapé. */
.logo-footer {
  max-height: 48px;
  width: auto;
  object-fit: contain;
}

/* O invólucro interno segue a mesma medida nas três páginas. Cada página
   estiliza .content à sua maneira (a de produtos punha 24px/16px de margem
   lateral no tablet e no celular) e a mesma grade saía mais estreita numa
   página que na outra. Dentro do rodapé, quem manda é este arquivo. */
.section-footer .content {
  width: 100% !important;
  max-width: 1200px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
}

/* Estilos e Cores do Footer */
.main-block-footer {
  background-color: #383838 !important;
  padding-top: 64px !important;
  padding-bottom: 64px !important;
}
.detail-block-footer,
.detail-block-footer-content,
.section-footer .detail-block-footer {
  background-color: #242424 !important; /* Cinza escuro elegante e neutro abaixo do footer */
  color: #ffffff !important;
}
.logo-footer {
  max-height: 42px !important;
  width: auto !important;
  margin-bottom: 20px !important;
  display: block !important;
}
.paragraph-footer {
  color: rgba(255, 255, 255, 0.88) !important;
  font-size: 14px !important;
  line-height: 1.6 !important;
}
.title-footer {
  color: #d5a33e !important;
  font-weight: 700 !important;
  margin-bottom: 18px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  font-size: 13px !important;
}
.link-xged {
  color: #d5a33e !important;
  text-decoration: none !important;
  font-weight: 700 !important;
}
.link-xged:hover {
  color: #FEBB26 !important;
  text-decoration: underline !important;
}
.link-footer {
  color: #ffffff !important;
  transition: color 0.25s ease !important;
}
.link-footer:hover {
  color: #FEBB26 !important;
}
.link-footer-icon {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
}
.link-footer-icon .icone-contato-footer {
  width: 16px !important;
  height: 16px !important;
  flex: 0 0 16px !important;
}
/* Segundo título dentro da mesma coluna (vem depois dos ícones de redes sociais):
   precisa de respiro em cima para não colar no bloco anterior. */
.title-footer-cardapio {
  margin-top: 28px !important;
}
/* O formato do arquivo é informação secundária: fica menor e mais discreto que o
   nome do documento, sem competir com ele. */
.formato-arquivo {
  opacity: 0.65;
  font-size: 0.85em;
}

/* Ícones das Redes Sociais no Footer */
.social-icons-wrapper {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  margin-top: 8px !important;
}
.social-icon-link {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 40px !important;
  height: 40px !important;
  border-radius: 50% !important;
  background-color: rgba(255, 255, 255, 0.12) !important;
  color: #ffffff !important;
  transition: all 0.3s ease !important;
  text-decoration: none !important;
}
.social-icon-link:hover {
  background-color: #d5a33e !important;
  color: #383838 !important;
  transform: translateY(-3px) !important;
}

.section-footer {
  background-color: #383838 !important;
  color: #ffffff !important;
  width: 100% !important;
  margin: 0 !important;
  border-radius: 0 !important;
  overflow: hidden !important;
}
.block-footer .title-footer,
.title-footer {
  color: #d5a33e !important;
  font-weight: 700 !important;
  margin-bottom: 18px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  font-size: 13px !important;
}
.paragraph-footer,
.link-footer {
  color: #ffffff !important;
}
.link-footer:hover {
  color: #FEBB26 !important;
}
.detail-block-footer {
  background-color: #242424 !important;
  color: #ffffff !important;
}

/* ---------- TABLET (≤991px) ---------- */
@media (max-width: 991px) {
  /* Rodapé: 4 colunas viram 2. */
  .grid-footer {
    grid-template-columns: repeat(2, 1fr) !important;
    grid-row-gap: 40px !important;
  }
}

/* ---------- CELULAR (≤600px) ---------- */
@media (max-width: 600px) {
  .grid-footer {
    grid-template-columns: 1fr !important;
  }
}