/* =========================================================
   Topo do site — menu fixo (inc/topo.php)
   ========================================================= */
.feira-topo {
  --topo-tinta: #1a2b45;
  position: sticky; top: 0; z-index: 9995;
  background: #fff; box-shadow: 0 1px 0 rgba(4, 36, 74, .08);
  transition: background .35s ease, box-shadow .35s ease;
  font-family: 'Libre Franklin', system-ui, sans-serif;
}
body.admin-bar .feira-topo { top: 32px; }
@media (max-width: 782px) { body.admin-bar .feira-topo { top: 46px; } }
@media (max-width: 600px) { body.admin-bar .feira-topo { top: 0; } }

.feira-topo-in {
  max-width: 1320px; margin: 0 auto; padding: 16px 28px; box-sizing: border-box;
  display: flex; align-items: center; gap: 32px; transition: padding .35s ease;
}
.feira-topo-logo { position: relative; display: block; flex: 0 0 auto; line-height: 0; }
.feira-topo-logo img { height: 54px; width: auto; display: block; transition: height .35s ease, opacity .35s ease; }
.feira-topo-logo .logo-branca { position: absolute; left: 0; top: 0; opacity: 0; }

.feira-topo-nav { margin-left: auto; display: flex; align-items: center; gap: 34px; }
.feira-topo-lista { list-style: none; margin: 0; padding: 0; display: flex; align-items: center; gap: 30px; }
.feira-topo-lista li { margin: 0; padding: 0; }
.feira-topo-lista a {
  position: relative; display: inline-block; padding: 6px 0; text-decoration: none;
  color: var(--topo-tinta); font-weight: 700; font-size: .95rem; letter-spacing: -.1px; transition: color .2s ease;
}
.feira-topo-lista a::after {
  content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 3px; border-radius: 2px;
  background: #F6BE00; transform: scaleX(0); transform-origin: left; transition: transform .25s ease;
}
.feira-topo-lista a:hover { color: #004C99; }
.feira-topo-lista a:hover::after, .feira-topo-lista .current-menu-item > a::after { transform: scaleX(1); }
.feira-topo-lista a span { font-size: .8em; opacity: .7; }
.feira-topo-cta {
  display: inline-block; background: #F6BE00; color: #04244a; text-decoration: none; white-space: nowrap;
  font-weight: 800; font-size: .88rem; padding: 12px 24px; border-radius: 999px; transition: transform .2s ease, background .2s ease;
}
.feira-topo-cta:hover { background: #ffce2e; color: #04244a; transform: translateY(-2px); }

/* Home: transparente sobre o vídeo, sólido ao rolar */
.feira-topo--home { position: fixed; left: 0; right: 0; background: transparent; box-shadow: none; }
.feira-topo--home .feira-topo-in { padding-top: 26px; padding-bottom: 18px; }
.feira-topo--home .feira-topo-logo img { height: 64px; }
.feira-topo--home .feira-topo-logo .logo-cor { opacity: 0; }
.feira-topo--home .feira-topo-logo .logo-branca { opacity: 1; }
.feira-topo--home .feira-topo-lista a { color: #fff; }
.feira-topo--home .feira-topo-lista a:hover { color: #F6BE00; }
.feira-topo--home.is-solido { background: #fff; box-shadow: 0 10px 30px rgba(4, 36, 74, .12); }
.feira-topo--home.is-solido .feira-topo-in { padding-top: 12px; padding-bottom: 12px; }
.feira-topo--home.is-solido .feira-topo-logo img { height: 48px; }
.feira-topo--home.is-solido .feira-topo-logo .logo-cor { opacity: 1; }
.feira-topo--home.is-solido .feira-topo-logo .logo-branca { opacity: 0; }
.feira-topo--home.is-solido .feira-topo-lista a { color: var(--topo-tinta); }
.feira-topo--home.is-solido .feira-topo-lista a:hover { color: #004C99; }
.feira-topo.is-solido:not(.feira-topo--home) .feira-topo-in { padding-top: 12px; padding-bottom: 12px; }
.feira-topo.is-solido:not(.feira-topo--home) .feira-topo-logo img { height: 46px; }
.feira-topo.is-solido:not(.feira-topo--home) { box-shadow: 0 10px 30px rgba(4, 36, 74, .1); }

/* Âncoras da home não ficam escondidas atrás do menu */
.feira-home > section[id] { scroll-margin-top: 76px; }
html { scroll-behavior: smooth; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }

/* Botão do celular */
.feira-topo-burger {
  display: none; margin-left: auto; width: 46px; height: 46px; border: 0; border-radius: 50%;
  background: rgba(4, 36, 74, .06); cursor: pointer; position: relative; z-index: 2; padding: 0;
}
.feira-topo-burger span { position: absolute; left: 13px; right: 13px; height: 2px; border-radius: 2px; background: var(--topo-tinta); transition: transform .3s ease, opacity .2s ease, background .3s ease; }
.feira-topo-burger span:nth-child(1) { top: 16px; }
.feira-topo-burger span:nth-child(2) { top: 22px; }
.feira-topo-burger span:nth-child(3) { top: 28px; }
.feira-topo--home:not(.is-solido) .feira-topo-burger { background: rgba(255, 255, 255, .14); }
.feira-topo--home:not(.is-solido) .feira-topo-burger span { background: #fff; }

@media (max-width: 1000px) {
  .feira-topo-in { padding: 12px 20px; gap: 16px; }
  .feira-topo-logo img, .feira-topo--home .feira-topo-logo img { height: 46px; }
  .feira-topo--home .feira-topo-in { padding-top: 16px; padding-bottom: 12px; }
  .feira-topo-burger { display: block; }
  .feira-topo-nav {
    position: fixed; inset: 0; z-index: 1; margin: 0; padding: 110px 28px 40px; box-sizing: border-box;
    flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: 34px;
    background: #04244a; overflow-y: auto;
    opacity: 0; visibility: hidden; transform: translateY(-12px); transition: opacity .3s ease, transform .3s ease, visibility .3s;
  }
  .feira-topo-lista { flex-direction: column; align-items: flex-start; gap: 6px; width: 100%; }
  .feira-topo-lista li { width: 100%; border-bottom: 1px solid rgba(255, 255, 255, .12); }
  .feira-topo .feira-topo-lista a, .feira-topo--home.is-solido .feira-topo-lista a { color: #fff; font-size: 1.5rem; font-weight: 800; padding: 14px 0; letter-spacing: -.5px; }
  .feira-topo-lista a::after { display: none; }
  .feira-topo-cta { font-size: 1rem; padding: 15px 30px; }
  .feira-topo.menu-aberto .feira-topo-nav { opacity: 1; visibility: visible; transform: none; }
  .feira-topo.menu-aberto .feira-topo-burger { background: rgba(255, 255, 255, .14); }
  .feira-topo.menu-aberto .feira-topo-burger span { background: #fff; }
  .feira-topo.menu-aberto .feira-topo-burger span:nth-child(1) { transform: translateY(6px) rotate(45deg); }
  .feira-topo.menu-aberto .feira-topo-burger span:nth-child(2) { opacity: 0; }
  .feira-topo.menu-aberto .feira-topo-burger span:nth-child(3) { transform: translateY(-6px) rotate(-45deg); }
  .feira-topo.menu-aberto .feira-topo-logo { z-index: 2; }
  .feira-topo.menu-aberto .feira-topo-logo .logo-cor { opacity: 0; }
  .feira-topo.menu-aberto .feira-topo-logo .logo-branca { opacity: 1; }
}
@media (max-width: 1100px) and (min-width: 1001px) {
  .feira-topo-lista { gap: 20px; }
  .feira-topo-nav { gap: 22px; }
}

/* Com o menu fixo, a barra azul de baixo só aparece no celular */
@media (min-width: 1001px) { .feira-subscribe { display: none !important; } }

/* Rodapé: endereço com link para o Google Maps */
.sesc-footer .feira-como-chegar { display: inline-flex; align-items: center; gap: 6px; margin-top: 6px; color: #F6BE00; font-weight: 700; text-decoration: none; }
.sesc-footer .feira-como-chegar:hover { text-decoration: underline; }
.sesc-footer a.feira-endereco { color: inherit; text-decoration: none; }
.sesc-footer a.feira-endereco:hover { text-decoration: underline; }
