/* === RODAPÉ DO CARDÁPIO ===
   Usado por menu.php (cardápio público) e preview-menu.php.
   Markup em components/menu_footer.php — os três andam juntos.

   Nota de contraste: o texto era #bbb sobre o fundo #f5f5f5 da página, o que dá
   ~1.9:1 e some na tela do celular. O rodapé agora tem fundo branco próprio e o
   texto em #555 (7.4:1), acima do mínimo de 4.5:1 da WCAG. Só o crédito da
   plataforma fica discreto — é o único item que não é informação do cliente. */

.menu-footer {
    background: #fff;
    border-top: 1px solid #e8e8e8;
    margin-top: 24px;
    padding: 28px 20px 22px;
    text-align: center;
    color: #555;
    font-size: 0.95rem;
    line-height: 1.6;
}

.menu-footer-inner {
    max-width: 800px;
    margin: 0 auto;
}

.menu-footer-name {
    font-size: 1.15rem;
    font-weight: 700;
    color: #2c3e50;
    line-height: 1.3;
    margin-bottom: 14px;
}

/* Ícone à esquerda, texto à direita. O texto fica alinhado à esquerda dentro do
   bloco para que as linhas de horário se alinhem entre si; o bloco todo é que é
   centralizado na página. */
.menu-footer-row {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    gap: 9px;
    margin-bottom: 12px;
}

.menu-footer-row i {
    color: var(--menu-accent, #2563eb);
    font-size: 0.95rem;
    line-height: 1.6;
    flex-shrink: 0;
}

.menu-footer-row > span,
.menu-footer-row > a {
    text-align: left;
}

/* Sublinhado no texto, não no bloco: com border-bottom a linha atravessava a
   largura toda do link e parecia uma divisória do rodapé. */
.menu-footer-addr {
    color: #444;
    text-decoration: underline;
    text-decoration-color: #ccc;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
}

.menu-footer-addr:hover {
    color: var(--menu-accent, #2563eb);
    text-decoration-color: var(--menu-accent, #2563eb);
}

.menu-footer-credit {
    margin-top: 18px;
    padding-top: 14px;
    border-top: 1px solid #eee;
    font-size: 0.8rem;
    /* #767676 é o cinza mais claro que ainda passa em 4.5:1 no branco — discreto
       sem repetir o problema do #bbb, que era ilegível no celular. */
    color: #767676;
}

.menu-footer-credit a {
    color: var(--menu-accent, #2563eb);
    text-decoration: none;
    font-weight: 500;
}

.menu-footer-credit a:hover {
    text-decoration: underline;
}

@media (max-width: 480px) {
    .menu-footer { padding: 24px 16px 20px; }
    .menu-footer-name { font-size: 1.08rem; }
}