/* ==========================================================================
   Finch Friends — cute re-skin for legal & support pages
   Layered AFTER shared/css/legal.css. Do not load without it.
   Cream page, warm brown ink, Patrick Hand headings, Nunito body.
   ========================================================================== */

/* Self-hosted fonts — no third-party requests from finch pages. */
@font-face {
  font-family: "Patrick Hand";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/patrick-hand-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Nunito";
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("../fonts/nunito-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

body {
  font-family: "Nunito", var(--font-sans);
  background: #fff8ee;
  color: #4a3a2f;
}

/* --- Back link ----------------------------------------------------------- */

.legal__back {
  font-family: "Nunito", var(--font-sans);
  font-weight: 700;
  color: #1b6fa8;
  text-decoration: underline;
  text-decoration-color: rgba(27, 111, 168, 0.4);
  text-underline-offset: 3px;
  border-radius: 8px;
}

.legal__back:hover {
  color: #b8483c;
  text-decoration-color: rgba(184, 72, 60, 0.5);
}

/* --- Headings ------------------------------------------------------------ */

.legal__title {
  font-family: "Patrick Hand", "Nunito", cursive;
  font-weight: 400;
  color: #4a3a2f;
  letter-spacing: 0.01em;
}

.legal h2 {
  font-family: "Patrick Hand", "Nunito", cursive;
  font-size: 1.65rem;
  font-weight: 400;
  color: #4a3a2f;
}

.legal__updated {
  color: #8a7563;
}

/* --- Body text ----------------------------------------------------------- */

.legal p,
.legal ul li {
  color: #5b4a3c;
}

.legal p strong {
  color: #4a3a2f;
  font-weight: 700;
}

/* --- Links inside the content -------------------------------------------- */

.legal p a,
.legal ul li a,
.finches-footer a {
  color: #1b6fa8;
  font-weight: 600;
  text-decoration: underline;
  text-decoration-color: rgba(27, 111, 168, 0.4);
  text-decoration-thickness: 2px;
  text-underline-offset: 3px;
  border-radius: 4px;
}

.legal p a:hover,
.legal ul li a:hover,
.finches-footer a:hover {
  color: #b8483c;
  text-decoration-color: rgba(184, 72, 60, 0.5);
}

a:focus-visible,
.finches-mail-btn:focus-visible {
  outline: 3px solid #8ed2f7;
  outline-offset: 2px;
}

/* --- Header sticker ------------------------------------------------------- */

.legal__sticker {
  width: 96px;
  height: auto;
  margin-bottom: var(--space-md);
  transform: rotate(-4deg);
}

/* --- Summary callout (plain-English privacy summary) ---------------------- */

.finches-summary {
  background: #e6f2ea;
  border: 2px solid #b8d9c3;
  border-radius: 16px;
  padding: var(--space-md) var(--space-lg);
  margin-bottom: var(--space-lg);
}

.finches-summary p {
  margin-bottom: 0;
  color: #40514a;
  font-weight: 600;
}

.finches-summary p strong {
  color: #2f4038;
}

/* --- Prominent email button (support page) -------------------------------- */

.finches-mail-btn {
  display: inline-block;
  margin: var(--space-sm) 0 var(--space-md);
  padding: 0.65em 1.5em;
  background: #8ed2f7;
  color: #2f3e47;
  font-family: "Nunito", var(--font-sans);
  font-weight: 700;
  text-decoration: none;
  border-radius: 999px;
  box-shadow: 0 3px 10px rgba(74, 58, 47, 0.12);
  transition: transform var(--duration-fast) var(--ease-out),
              box-shadow var(--duration-fast) var(--ease-out);
}

.finches-mail-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 14px rgba(74, 58, 47, 0.16);
}

/* --- Inline stickers ------------------------------------------------------ */

.legal img.finches-inline-sticker {
  width: 110px;
  height: auto;
  border-radius: 16px;
  margin: var(--space-sm) 0 var(--space-md);
  transform: rotate(3deg);
}

/* --- Footer ---------------------------------------------------------------- */

.finches-footer {
  margin-top: var(--space-xl);
  padding-top: var(--space-lg);
  border-top: 2px dashed #ecd9c3;
  font-size: var(--text-sm);
  color: #8a7563;
  text-align: center;
}

.finches-footer nav {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: var(--space-sm) var(--space-lg);
  margin-bottom: var(--space-sm);
}

.finches-footer p {
  margin: 0;
}

/* --- Motion preferences ---------------------------------------------------- */

@media (prefers-reduced-motion: reduce) {
  .finches-mail-btn {
    transition: none;
  }

  .finches-mail-btn:hover {
    transform: none;
  }
}