/* Shared "Join the Eikendal Club" CTA band — sits above the footer
   on every public page. Link this file in <head>, then drop the
   markup right before the <footer>. */

.club-cta {
  background: var(--estate-cream, #faf5ea);
  padding: clamp(48px, 6vw, 80px) clamp(20px, 5vw, 64px);
  text-align: center;
}

.club-cta-inner {
  max-width: 560px;
  margin: 0 auto;
}

.club-cta h2 {
  margin: 0 0 12px;
  font-family: var(--display-font, "Goudy Bookletter 1911", Georgia, "Times New Roman", serif);
  font-weight: 400;
  font-size: clamp(1.75rem, 3.4vw, 2.3rem);
  line-height: 1.14;
  color: var(--ink, #2d2520);
}

.club-cta-sub {
  margin: 0 auto 18px;
  max-width: 48ch;
  font-size: 0.98rem;
  line-height: 1.6;
  color: var(--muted, #756a61);
}

.club-cta-readmore {
  display: inline-block;
  margin: 0 0 24px;
  font-family: var(--body-font, "Inter", system-ui, sans-serif);
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.24em;
  text-transform: uppercase;
  text-decoration: none;
  color: var(--muted, #756a61);
  padding-bottom: 4px;
  border-bottom: 1px solid currentColor;
  transition: color 200ms ease;
}
.club-cta-readmore:hover { color: var(--gold, #C9A868); }

.club-cta-form {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin: 0 auto;
  max-width: 480px;
}

.club-cta-form input {
  width: 100%;
  padding: 13px 16px;
  font-family: var(--body-font, "Inter", system-ui, sans-serif);
  font-size: 0.96rem;
  color: var(--ink, #2d2520);
  background: #fff;
  border: 1px solid var(--estate-line, #e6dcc6);
  border-radius: 6px;
  outline: none;
  transition: border-color 200ms ease;
}
.club-cta-form input:focus { border-color: var(--gold, #C9A868); }
.club-cta-form input::placeholder { color: rgba(45, 37, 31, 0.45); }

.club-cta-email-row {
  display: flex;
  gap: 10px;
  align-items: stretch;
}
.club-cta-email-row input { flex: 1; min-width: 0; }
.club-cta-email-row .club-cta-submit { flex-shrink: 0; white-space: nowrap; }

.club-cta-submit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 13px 22px;
  font-family: var(--body-font, "Inter", system-ui, sans-serif);
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: #fff;
  background: var(--gold, #C9A868);
  border: 1px solid var(--gold, #C9A868);
  border-radius: 6px;
  cursor: pointer;
  transition: background 200ms ease, border-color 200ms ease;
}
.club-cta-submit:hover {
  background: var(--gold-hover, #A37C30);
  border-color: var(--gold-hover, #A37C30);
}

@media (max-width: 560px) {
  .club-cta-email-row { flex-direction: column; }
  .club-cta-email-row .club-cta-submit { width: 100%; }
}