/* =============================================================
   SODA BURN — SITE FOOTER
   Extracted from assets/css/style.css so every page (VSL, upsells,
   thank-you, bonus) renders the same footer.

   Self-contained on purpose: it does not depend on .container or on
   the main reset, and every selector is class-based so it out-ranks
   the legacy `footer ...` element rules those pages still carry.
   Depends only on the Montserrat font family.
   ============================================================= */

.site-footer {
  color: #ffffff;
  background: linear-gradient(88deg, #111111, #1e2323, #111111);
  font-family: "Montserrat", Arial, sans-serif;
  font-weight: 400;
  line-height: 1.4;
  text-align: center;
}

.site-footer *,
.site-footer *::before,
.site-footer *::after {
  box-sizing: border-box;
}

.site-footer__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2rem;
  width: min(90%, 80rem);
  margin-inline: auto;
  padding: 2.5rem 0 2rem;
}

@media (min-width: 48rem) {
  .site-footer__inner {
    width: min(100%, 80rem);
    padding: 2.5rem 2rem 2rem;
  }
}

.site-footer__nav {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.75rem 1.5rem;
  margin: 0;
  padding: 0;
  font-size: 0.875rem;
  text-align: center;
}

@media (min-width: 48rem) {
  .site-footer__nav {
    font-size: 1.125rem;
  }
}

/* Cor/peso declarados em cada elemento de texto, não herdados: páginas como a
   VSL (`* { color: #111 }`) e a de obrigado (`p { color: #4b4b4b }`) declaram
   direto no elemento, e valor herdado sempre perde para declaração direta. */
.site-footer__nav a {
  color: #ffffff;
  font-family: inherit;
  font-weight: 400;
  text-decoration: none;
}

.site-footer__nav a:hover {
  text-decoration: underline;
}

.site-footer__nav a:focus-visible {
  outline: none;
  box-shadow: 0 0 0 0.1875rem #ffe600;
}

.site-footer__disclaimer {
  max-width: 62.9375rem;
  margin: 0;
  color: #ffffff;
  font-family: inherit;
  font-weight: 400;
  line-height: 1.4;
  padding: 1.5rem 1rem;
  border-top: 0.0625rem solid #ffffff;
  border-radius: 1.25rem;
  font-size: 0.75rem;
  text-align: center;
}

@media (min-width: 48rem) {
  .site-footer__disclaimer {
    padding-inline: 2rem;
    font-size: 0.875rem;
  }
}

.site-footer__copyright {
  padding: 1.5rem 1rem;
  background: #e85d04;
  font-size: 0.875rem;
  text-align: center;
}

.site-footer__copyright p {
  margin: 0;
  color: #ffffff;
  font-family: inherit;
  font-size: inherit;
  font-weight: 400;
  line-height: 1.4;
}

@media (min-width: 48rem) {
  .site-footer__copyright {
    padding-block: 2rem;
    font-size: 1.125rem;
  }
}