/* Newsletter section — ported from sections/newsletter.liquid
   Shopify color vars mapped to WP brand tokens:
   --surface   → var(--wp--preset--color--surface)     (#F5F5F5)
   --muted     → var(--wp--preset--color--muted)       (#737373)
   --border    → rgba(127,127,127,0.3)                 (kept as-is, no direct token)
   --bg        → var(--wp--preset--color--base)        (#FFFFFF)
   --text      → var(--wp--preset--color--accent)      (#0A0A0A)
*/

.newsletter {
  padding: 4rem 0;
  text-align: center;
  background: var(--section-bg, #F5F5F5);
}

.newsletter h3 {
  margin-bottom: 1rem;
}

.newsletter p {
  color: var(--wp--preset--color--muted, #737373);
  margin-bottom: 2rem;
  font-size: 15px;
  max-width: 480px;
  margin-left: auto;
  margin-right: auto;
}

.newsletter-form {
  display: flex;
  gap: 0;
  max-width: 440px;
  margin: 0 auto;
}

.newsletter input[type="email"] {
  flex: 1 1 0;
  min-width: 0; /* prevent overflow in flex row */
  padding: 14px 20px;
  background: var(--wp--preset--color--base, #FFFFFF);
  border: 1px solid rgba(127, 127, 127, 0.3);
  border-right: none;
  border-radius: 0;
  color: var(--wp--preset--color--accent, #0A0A0A);
  font-family: inherit;
  font-size: 14px;
  transition: border-color 0.15s ease;
}

/* WCAG: allow :focus-visible ring from premium.css to apply — do NOT suppress outline/box-shadow here */
.newsletter input[type="email"]:focus {
  border-color: var(--wp--preset--color--accent, #0A0A0A);
}

.newsletter input[type="email"]::placeholder {
  color: var(--wp--preset--color--muted, #737373);
  opacity: 1; /* ensure placeholder is fully visible */
}

.newsletter .btn.primary {
  flex-shrink: 0;
  width: 130px;
  border-radius: 0;
  padding: 14px 16px;
  font-size: 12px;
  white-space: nowrap;
}

/* Micro-trust line below the form */
.newsletter-trust {
  margin-top: 0.75rem;
  font-size: 0.75rem;
  color: var(--wp--preset--color--muted, #737373);
  text-align: center;
}