/* 電子報：頁尾訂閱表單 + /newsletter/unsubscribe 退訂頁。
   獨立一支而不塞進 site-footer.css：那支被 20+ 頁用 ?v= 固定版號引用（含 build 產生的分類頁），
   改它就得全站換版號；這支只由 Worker 出口的頁尾 markup 自帶引用，版號在 src/index.js 一處。 */

.site-footer .footer-newsletter-form {
  display: grid;
  gap: 10px;
  max-width: 560px;
}

.site-footer .footer-newsletter-label {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}

.site-footer .footer-newsletter-row {
  display: flex;
  gap: 8px;
}

.site-footer .footer-newsletter-input {
  flex: 1 1 auto;
  min-width: 0;
  padding: 11px 14px;
  color: #f2f2f2;
  font-size: 16px;
  line-height: 1.4;
  border: 1px solid #555;
  border-radius: 10px;
  background: #242424;
}

.site-footer .footer-newsletter-input::placeholder {
  color: #8a8a8a;
}

.site-footer .footer-newsletter-input:focus {
  outline: none;
  border-color: #ec633e;
  box-shadow: 0 0 0 3px rgba(236, 99, 62, 0.25);
}

.site-footer .footer-newsletter-input:disabled,
.site-footer .footer-newsletter-button:disabled {
  opacity: 0.55;
  cursor: not-allowed;
}

.site-footer .footer-newsletter-button {
  flex: 0 0 auto;
  padding: 11px 20px;
  color: #fff;
  font-size: 16px;
  font-weight: 800;
  line-height: 1.4;
  border: 0;
  border-radius: 10px;
  background: #ec633e;
  cursor: pointer;
}

.site-footer .footer-newsletter-button:hover:not(:disabled) {
  background: #bd4b25;
}

.site-footer .footer-newsletter-turnstile {
  min-height: 65px;
}

.site-footer .footer-newsletter-turnstile[hidden] {
  display: none;
}

.footer-newsletter-status {
  margin: 0;
  min-height: 1.5em;
  color: #c9c9c9;
  font-size: 14px;
  line-height: 1.5;
}

.footer-newsletter-status:empty {
  display: none;
}

.footer-newsletter-status.is-error {
  color: #ff9b7b;
}

.footer-newsletter-status.is-success {
  color: #9be29b;
}

/* 退訂頁（白底） */
.newsletter-unsubscribe-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: center;
  margin-top: 26px;
}

.newsletter-unsubscribe-button {
  padding: 12px 22px;
  color: #fff;
  font-size: 16px;
  font-weight: 800;
  border: 0;
  border-radius: 10px;
  background: #ec633e;
  cursor: pointer;
}

.newsletter-unsubscribe-button:hover:not(:disabled) {
  background: #bd4b25;
}

.newsletter-unsubscribe-button:disabled {
  opacity: 0.55;
  cursor: not-allowed;
}

.newsletter-unsubscribe-back {
  color: #6f6968;
  font-weight: 700;
}

.newsletter-unsubscribe-status {
  margin-top: 16px;
  color: #4a4544;
}

.newsletter-unsubscribe-status.is-error {
  color: #bd4b25;
}