/* =============================================================
   RODAPÉ GLOBAL — BrabaNews Child Theme
   Funciona em: Hello Elementor, Full Width, Canvas, todas as páginas
   ============================================================= */

/* Reset de base para garantir visibilidade em qualquer template */
#braba-footer-global,
#braba-footer-global *,
#braba-footer-global *::before,
#braba-footer-global *::after {
  box-sizing: border-box;
}

#braba-footer-global {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: relative !important;
  z-index: 9999 !important;
  width: 100% !important;
  height: auto !important;
  overflow: visible !important;
  background: #0A0A14 !important;
  border-top: 2px solid #2A2A4A !important;
  padding: 48px 0 28px !important;
  margin-top: 0 !important;
  font-family: 'Rajdhani', sans-serif !important;
  color: #9898b8 !important;
}

/* Inner wrapper com largura máxima centralizada */
.braba-footer-inner {
  display: block !important;
  width: 100% !important;
  max-width: 1200px !important;
  margin: 0 auto !important;
  padding: 0 2rem !important;
  height: auto !important;
  overflow: visible !important;
}

/* Grid principal: 4 colunas no desktop */
.braba-footer-grid {
  display: grid !important;
  grid-template-columns: 2fr 1fr 1fr 1fr !important;
  gap: 2.5rem !important;
  align-items: start !important;
  height: auto !important;
  overflow: visible !important;
  margin-bottom: 2.5rem !important;
}

/* ----- COLUNA BRAND ----- */
.braba-footer-brand {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 0.75rem !important;
}

.braba-footer-logo {
  display: inline-block !important;
  font-family: 'Orbitron', sans-serif !important;
  font-size: 1.3rem !important;
  font-weight: 800 !important;
  color: #FFD600 !important;
  text-decoration: none !important;
  letter-spacing: 0.04em !important;
}

.braba-footer-logo:hover {
  color: #fff !important;
}

.braba-footer-tagline {
  font-size: 0.9rem !important;
  color: #7070a0 !important;
  line-height: 1.5 !important;
  margin: 0 !important;
  padding: 0 !important;
  max-width: 260px !important;
}

/* Botão CTA */
.braba-footer-btn {
  display: inline-block !important;
  background: linear-gradient(135deg, #7B00FF, #FFD600) !important;
  color: #000 !important;
  font-family: 'Orbitron', sans-serif !important;
  font-size: 0.75rem !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.06em !important;
  text-decoration: none !important;
  padding: 10px 22px !important;
  border-radius: 4px !important;
  border: none !important;
  cursor: pointer !important;
  transition: opacity 0.2s, transform 0.2s !important;
  margin-top: 0.5rem !important;
}

.braba-footer-btn:hover {
  opacity: 0.88 !important;
  transform: translateY(-1px) !important;
  color: #000 !important;
}

/* ----- COLUNAS DE LINKS ----- */
.braba-footer-col {
  display: flex !important;
  flex-direction: column !important;
  gap: 0.6rem !important;
}

.braba-footer-col h4 {
  font-family: 'Orbitron', sans-serif !important;
  font-size: 0.68rem !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.12em !important;
  color: #FFD600 !important;
  margin: 0 0 0.5rem 0 !important;
  padding: 0 !important;
}

.braba-footer-col ul {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;    /* SEMPRE em coluna */
  gap: 0.55rem !important;
}

.braba-footer-col ul li {
  margin: 0 !important;
  padding: 0 !important;
}

.braba-footer-col ul a {
  display: block !important;
  font-size: 0.92rem !important;
  color: #8888aa !important;
  text-decoration: none !important;
  transition: color 0.2s !important;
}

.braba-footer-col ul a:hover {
  color: #FFD600 !important;
}

/* ----- BARRA INFERIOR ----- */
.braba-footer-bottom {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 0.5rem !important;
  border-top: 1px solid #1e1e38 !important;
  padding-top: 1.2rem !important;
}

.braba-footer-copy,
.braba-footer-made {
  font-size: 0.78rem !important;
  color: #555580 !important;
}

/* =============================================================
   RESPONSIVIDADE
   ============================================================= */

/* TABLET — ≤ 900px: 2 colunas */
@media (max-width: 900px) {
  .braba-footer-grid {
    grid-template-columns: 1fr 1fr !important;
    gap: 2rem !important;
  }

  .braba-footer-brand {
    grid-column: 1 / -1 !important; /* brand ocupa linha inteira */
  }
}

/* MOBILE — ≤ 560px: 1 coluna, tudo empilhado */
@media (max-width: 560px) {
  #braba-footer-global {
    padding: 32px 0 24px !important;
  }

  .braba-footer-inner {
    padding: 0 1.25rem !important;
  }

  .braba-footer-grid {
    grid-template-columns: 1fr !important;   /* UMA coluna */
    gap: 1.6rem !important;
  }

  .braba-footer-brand {
    grid-column: 1 !important;
  }

  .braba-footer-tagline {
    max-width: 100% !important;
  }

  .braba-footer-btn {
    width: 100% !important;
    text-align: center !important;
  }

  .braba-footer-col {
    width: 100% !important;
  }

  .braba-footer-col ul {
    flex-direction: column !important;      /* garante coluna em mobile */
    gap: 0.55rem !important;
  }

  .braba-footer-bottom {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 0.4rem !important;
  }
}

/* MOBILE PEQUENO — ≤ 360px */
@media (max-width: 360px) {
  .braba-footer-inner {
    padding: 0 1rem !important;
  }

  .braba-footer-logo {
    font-size: 1.1rem !important;
  }

  .braba-footer-col h4 {
    font-size: 0.62rem !important;
  }

  .braba-footer-col ul a {
    font-size: 0.82rem !important;
  }

  .braba-footer-copy,
  .braba-footer-made {
    font-size: 0.72rem !important;
  }
}