/* ═══════════════════════════════════════════════════════════════════════════
   Rodapé — links com o mesmo hover do menu principal

   Os links de texto do rodapé: o menu "Navegação" (widget 91560d2) e as duas
   listas de contato (75f7215 e 52e2a07: endereço, telefone, WhatsApp, SAC e
   Canal de Denúncias). No site no ar eles não reagem ao mouse.

   É a linguagem do menu principal (css/vp-topo.css): ao passar o mouse (ou
   focar pelo teclado),

     1. o texto vai para o laranja da marca (#E37A36);
     2. um traço de 2px, no mesmo laranja, cresce da esquerda para a direita
        sob o texto.

   Nada muda de tamanho nem de lugar: cor e transform. O logotipo e os ícones
   das redes sociais ficam como estão (os ícones já têm o hover do Elementor).

   Esta folha é carregada pelo includes/header.php, como a vp-topo.css, para
   valer no site inteiro, inclusive nas páginas que o harvest não refaz.
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── Menu "Navegação" ──
   O link ocupa a coluna inteira; aqui ele fica do tamanho do texto, para o
   traço (o ::after que o Elementor já cria, com altura zero) não atravessar
   a coluna. A altura da linha não muda. */
.elementor-location-footer .elementor-element-91560d2 .elementor-nav-menu--main .elementor-item {
  width: fit-content;
  transition: color .2s ease !important;
}
.elementor-location-footer .elementor-element-91560d2 .elementor-nav-menu--main .elementor-item::after {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  top: auto !important;
  bottom: 8px !important;
  width: auto !important;
  height: 2px !important;
  border-radius: 2px;
  background: #E37A36 !important;
  opacity: 1 !important;
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform .28s cubic-bezier(.2, .7, .3, 1) !important;
}

/* ── Listas de contato ── */
.elementor-location-footer :is(.elementor-element-75f7215, .elementor-element-52e2a07) .elementor-icon-list-item > a .elementor-icon-list-text {
  position: relative;
  transition: color .2s ease;
}
.elementor-location-footer :is(.elementor-element-75f7215, .elementor-element-52e2a07) .elementor-icon-list-item > a .elementor-icon-list-text::after {
  content: "";
  position: absolute;
  left: 5px;                        /* o recuo do texto ao lado do ícone: o traço começa onde a letra começa */
  right: 0;
  bottom: -3px;
  height: 2px;
  border-radius: 2px;
  background: #E37A36;
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform .28s cubic-bezier(.2, .7, .3, 1);
}

@media (hover: hover) {
  .elementor-location-footer .elementor-element-91560d2 .elementor-nav-menu--main .elementor-item:hover { color: #E37A36 !important; fill: #E37A36 !important; }
  .elementor-location-footer .elementor-element-91560d2 .elementor-nav-menu--main .elementor-item:hover::after { transform: scaleX(1); }
  .elementor-location-footer :is(.elementor-element-75f7215, .elementor-element-52e2a07) .elementor-icon-list-item > a:hover .elementor-icon-list-text { color: #E37A36 !important; }
  .elementor-location-footer :is(.elementor-element-75f7215, .elementor-element-52e2a07) .elementor-icon-list-item > a:hover .elementor-icon-list-text::after { transform: scaleX(1); }
}
.elementor-location-footer .elementor-element-91560d2 .elementor-nav-menu--main .elementor-item:focus-visible { color: #E37A36 !important; fill: #E37A36 !important; }
.elementor-location-footer .elementor-element-91560d2 .elementor-nav-menu--main .elementor-item:focus-visible::after { transform: scaleX(1); }
.elementor-location-footer :is(.elementor-element-75f7215, .elementor-element-52e2a07) .elementor-icon-list-item > a:focus-visible .elementor-icon-list-text { color: #E37A36 !important; }
.elementor-location-footer :is(.elementor-element-75f7215, .elementor-element-52e2a07) .elementor-icon-list-item > a:focus-visible .elementor-icon-list-text::after { transform: scaleX(1); }

@media (prefers-reduced-motion: reduce) {
  .elementor-location-footer .elementor-element-91560d2 .elementor-nav-menu--main .elementor-item,
  .elementor-location-footer .elementor-element-91560d2 .elementor-nav-menu--main .elementor-item::after,
  .elementor-location-footer :is(.elementor-element-75f7215, .elementor-element-52e2a07) .elementor-icon-list-item > a .elementor-icon-list-text,
  .elementor-location-footer :is(.elementor-element-75f7215, .elementor-element-52e2a07) .elementor-icon-list-item > a .elementor-icon-list-text::after { transition: none !important; }
}