/* newsletter.css - dark gold signup block shared by English and Hebrew blogs */
.mph-nl {
  box-sizing: border-box;
  position: relative;
  width: 100%;
  max-width: 820px;
  margin: 48px auto;
  padding: 32px 28px;
  border: 1px solid rgba(201, 162, 39, 0.45);
  border-radius: 16px;
  background:
    radial-gradient(120% 140% at 0% 0%, rgba(201, 162, 39, 0.14), transparent 55%),
    linear-gradient(180deg, #1b1913, #151515);
  color: #e8e4d8;
  text-align: start;
  font-family: Inter, Heebo, system-ui, sans-serif;
  overflow: hidden;
}
.mph-nl::before {
  content: '';
  position: absolute; inset: 0 0 auto 0; height: 2px;
  background: linear-gradient(90deg, transparent, #C9A227 30%, #F5C04A 50%, #C9A227 70%, transparent);
}
.mph-nl[dir="rtl"] { font-family: Heebo, Inter, system-ui, sans-serif; }
[data-newsletter-compact] .mph-nl { margin: 28px auto; padding: 22px 24px; }
[data-newsletter-compact] .mph-nl .mph-nl-title { font-size: 21px; }
[data-newsletter-compact] .mph-nl .mph-nl-sub { margin-bottom: 14px; font-size: 14px; }
.mph-nl .mph-nl-title {
  margin: 0 0 8px; padding: 0; border: 0;
  font-size: clamp(21px, 3vw, 26px); font-weight: 800; line-height: 1.25;
  letter-spacing: -0.3px; color: #F2C94C;
}
.mph-nl .mph-nl-sub { margin: 0 0 20px; font-size: 15px; line-height: 1.6; color: #b9b3a3; }
.mph-nl-form { display: flex; gap: 10px; flex-wrap: wrap; margin: 0; }
.mph-nl-input {
  flex: 1 1 240px; min-width: 0; height: 48px; padding: 0 16px;
  background: #0f0f0f; color: #f3efe3;
  border: 1px solid #3a3424; border-radius: 11px;
  font: 500 15px/1 Inter, system-ui, sans-serif;
  outline: none; transition: border-color .2s, box-shadow .2s;
}
.mph-nl[dir="rtl"] .mph-nl-input { text-align: right; }
.mph-nl-input::placeholder { color: #5f5a4c; }
.mph-nl-input:focus { border-color: #C9A227; box-shadow: 0 0 0 3px rgba(201, 162, 39, 0.16); }
.mph-nl-input[aria-invalid="true"] { border-color: #d27b62; }
.mph-nl-input:disabled { opacity: .6; }
.mph-nl-btn {
  flex: 0 0 auto; height: 48px; padding: 0 26px;
  border: 0; border-radius: 11px; cursor: pointer;
  background: linear-gradient(180deg, #E0B73A, #C9A227);
  color: #15130c; font: 800 15px/1 Inter, Heebo, system-ui, sans-serif; letter-spacing: .2px;
  transition: transform .15s, opacity .2s;
}
.mph-nl-btn:hover:not(:disabled) { transform: translateY(-1px); }
.mph-nl-btn:focus-visible { outline: 2px solid #F2C94C; outline-offset: 2px; }
.mph-nl-btn:disabled { opacity: .6; cursor: progress; }
.mph-nl .mph-nl-msg { margin: 12px 0 0; min-height: 1.4em; font-size: 14px; line-height: 1.5; color: #b9b3a3; }
.mph-nl .mph-nl-msg--ok { color: #E8C866; }
.mph-nl .mph-nl-msg--error { color: #e9907a; }
.mph-nl-sr {
  position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0;
}
@media (max-width: 520px) {
  .mph-nl { padding: 26px 20px; margin: 36px auto; }
  .mph-nl-btn { width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
  .mph-nl-btn, .mph-nl-input { transition: none; }
}