/* Cloon — footer mailing-list capture (pairs with src/js/footer-capture.js, CLO-956)
   Permanent, low-key. Sits directly above the page footer on every public page. One
   field, one button, no urgency — the opposite posture of the newsletter modal. */

.cloon-fc {
  background: var(--color-parchment, #EDE8E0);
  border-top: 1px solid var(--color-stone, #B5ADA3);
  padding: var(--space-lg, 48px) 0;
}

.cloon-fc__inner {
  max-width: var(--grid-max-width, 1200px);
  margin: 0 auto;
  padding: 0 var(--grid-gutter-mobile, 24px);
  text-align: center;
}

.cloon-fc__title {
  font-family: 'Philosopher', Georgia, serif;
  font-size: var(--type-h4, 20px);
  line-height: var(--leading-tight, 1.2);
  color: var(--color-ink, #191919);
  margin: 0 0 4px;
}

.cloon-fc__sub {
  font-family: 'Nunito', 'General Sans', -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: var(--type-body, 16px);
  color: var(--color-graphite, #6B6560);
  margin: 0 0 var(--space-sm, 16px);
}

.cloon-fc__form { max-width: 480px; margin: 0 auto; }

.cloon-fc__label {
  position: absolute;
  left: -9999px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

.cloon-fc__row {
  display: flex;
  gap: 10px;
}

.cloon-fc__input {
  flex: 1;
  min-width: 0;
  font-family: 'Nunito', 'General Sans', -apple-system, sans-serif;
  font-size: 16px; /* 16px min — stops iOS zoom-on-focus */
  padding: 13px 14px;
  border: 1px solid var(--color-stone, #B5ADA3);
  border-radius: 4px;
  background: #FFFFFF;
  color: var(--color-ink, #191919);
  transition: border-color 0.2s ease;
}
.cloon-fc__input::placeholder { color: var(--color-stone, #B5ADA3); }
.cloon-fc__input:focus {
  outline: 2px solid var(--color-amber, #D4A167);
  outline-offset: 1px;
  border-color: var(--color-bronze, #B87D4B);
}
.cloon-fc__input[aria-invalid="true"] { border-color: var(--color-friction, #8B3A3A); }

.cloon-fc__btn {
  flex: 0 0 auto;
  font-family: 'Nunito', sans-serif;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1.4px;
  text-transform: uppercase;
  padding: 13px 20px;
  border-radius: 4px;
  border: 1px solid transparent;
  cursor: pointer;
  white-space: nowrap;
  background: var(--color-bronze, #B87D4B);
  color: var(--color-paper, #FDFBF8);
  transition: background 0.2s ease;
}
.cloon-fc__btn:hover { background: var(--color-copper, #9A6535); }
.cloon-fc__btn:focus-visible { outline: 2px solid var(--color-amber, #D4A167); outline-offset: 2px; }
.cloon-fc__btn[disabled] { opacity: 0.6; cursor: default; }

.cloon-fc__trust {
  font-family: 'Nunito', sans-serif;
  font-size: var(--type-caption, 13px);
  color: var(--color-graphite, #6B6560);
  margin: 10px 0 0;
}
.cloon-fc__trust a { color: var(--color-copper, #9A6535); }

.cloon-fc__error {
  font-family: 'Nunito', sans-serif;
  font-size: var(--type-caption, 13px);
  color: var(--color-friction, #8B3A3A);
  margin: 8px 0 0;
  min-height: 0;
}

/* Honeypot — never shown, never announced. */
.cloon-fc__hp {
  position: absolute;
  left: -9999px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

@media (max-width: 480px) {
  .cloon-fc__row { flex-direction: column; }
  .cloon-fc__btn { width: 100%; }
}