/* legal.css – extra styles for Privacy, Terms and Thanks pages */

.legal-section {
  margin-top: 40px;
  margin-bottom: 40px;
}

.legal-wrapper {
  background-color: #ffffff;
  border-radius: 16px;
  padding: 40px 40px 48px;
  max-width: 960px;
  margin: 0 auto;
}

.legal-intro {
  font-size: var(--_font-size---fz-18);
  line-height: var(--_line-height---lh-150);
  color: var(--black-700);
  margin-bottom: 24px;
}

.legal-heading {
  font-family: var(--_font-family---poppins);
  font-size: var(--_font-size---fz-32);
  line-height: var(--_line-height---lh-120);
  color: var(--black-900);
  margin-top: 32px;
  margin-bottom: 12px;
  letter-spacing: var(--_letter-spacing---ls-3);
}

.legal-subtitle {
  font-family: var(--_font-family---poppins);
  font-size: var(--_font-size---fz-24);
  line-height: var(--_line-height---lh-120);
  margin-top: 0;
  margin-bottom: 12px;
}

.legal-contact-box {
  border-radius: 12px;
  background-color: #f7f7f7;
  padding: 20px 20px 18px;
  margin-bottom: 24px;
  border: 1px solid #e4e4e4;
}

.legal-list {
  margin: 0 0 12px 0;
  padding-left: 20px;
  list-style: disc;
  color: var(--black-700);
  font-size: var(--_font-size---fz-16);
  line-height: var(--_line-height---lh-150);
}

.legal-list li + li {
  margin-top: 6px;
}

.legal-meta {
  margin-top: 12px;
  font-size: var(--_font-size---fz-14);
  color: var(--black-500);
}

/* Footer extra line with phone + address */
.legal-footer-contact {
  margin-top: 16px;
  margin-bottom: 0;
  font-size: var(--_font-size---fz-16);
  line-height: var(--_line-height---lh-150);
}

/* Thanks page */
.thanks-wrapper {
  background-color: #ffffff;
  border-radius: 16px;
  padding: 40px 40px 48px;
  max-width: 820px;
  margin: 40px auto 0;
  text-align: left;
}

.thanks-title {
  font-family: var(--_font-family---poppins);
  font-size: var(--_font-size---fz-40);
  line-height: var(--_line-height---lh-120);
  margin-top: 0;
  margin-bottom: 16px;
  color: var(--black-900);
}

.thanks-text {
  font-size: var(--_font-size---fz-18);
  line-height: var(--_line-height---lh-150);
  color: var(--black-700);
  margin-bottom: 16px;
}

.thanks-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin-top: 16px;
}

.thanks-btn,
.thanks-btn-secondary {
  padding: 18px 26px;
}

.thanks-btn-secondary {
  background-color: #ffffff;
  color: var(--black-900);
  border-color: var(--black-900);
}

/* Small tweak so legal pages look good on mobile */

@media screen and (max-width: 991px) {
  .legal-wrapper,
  .thanks-wrapper {
    padding: 24px 20px 28px;
    border-radius: 12px;
  }

  .legal-heading {
    font-size: var(--_font-size---fz-24);
  }

  .legal-subtitle {
    font-size: var(--_font-size---fz-20);
  }

  .thanks-title {
    font-size: var(--_font-size---fz-32);
  }
}

@media screen and (max-width: 767px) {
  .legal-section {
    margin-top: 24px;
    margin-bottom: 24px;
  }

  .thanks-actions {
    flex-direction: column;
    align-items: flex-start;
  }

  .thanks-btn,
  .thanks-btn-secondary {
    width: 100%;
    justify-content: center;
  }
}

@media screen and (max-width: 479px) {
  .legal-wrapper,
  .thanks-wrapper {
    padding: 20px 16px 24px;
  }

  .legal-heading {
    font-size: var(--_font-size---fz-22);
  }

  .thanks-title {
    font-size: var(--_font-size---fz-26);
  }
}