/* Additions on top of site.css, which is the stylesheet compiled from the Figma design. */

:root { font-synthesis: none; }
body { background-color: #fff; }

/* Footer: trust line under the description, and labels on the Samband addresses */
.footer-trust {
  margin-top: 1rem;
  max-width: 360px;
  color: rgb(255 255 255 / .5);
  font-size: .75rem;
  line-height: 1.6;
}
@media (min-width: 768px) { .footer-trust { font-size: .8125rem; } }
.footer-label {
  display: block;
  margin-bottom: .125rem;
  color: rgb(255 255 255 / .45);
  font-size: .6875rem;
  text-transform: uppercase;
  letter-spacing: .06em;
}

.footer-legal { text-align: center; }
.footer-seg { white-space: nowrap; }
@media (min-width: 768px) { .footer-legal { text-align: left; } }

/* /hafa-samband */
.form-consent {
  font-size: .75rem;
  line-height: 1.5;
  color: var(--graphite);
}
.form-consent a { color: var(--teal); text-decoration: underline; text-underline-offset: 2px; }
.form-consent a:hover { color: var(--ink); }

.form-error {
  margin: 0;
  padding: .75rem 1rem;
  border-radius: .75rem;
  background: #fdecea;
  color: #8c1d18;
  font-size: .875rem;
}

/* Turnstile runs interaction-only: its slot takes no space until Cloudflare
   actually shows a challenge (main.js toggles .is-interactive). */
[data-turnstile]:not(.is-interactive) { height: 0; overflow: hidden; margin-block-end: 0; }