/* Bülten formu (eklenti eg_newsletter_form çıktısı). Figma: Footer 4:57, Ana sayfa 10:2890, Popüler 10:3495, Yeni 10:10654;
   durum dili İletişim form durumları 28:188 (alan bazlı hata, yükleniyor, başarı onay satırı). */
.eg-newsletter { display: grid; gap: 10px; }
.eg-newsletter__fields { display: grid; gap: 10px; }
.eg-newsletter__fields[hidden] { display: none; }
.eg-newsletter__row { display: flex; gap: 8px; }
.eg-newsletter__input { flex: 1; min-width: 0; height: 44px; padding: 0 14px; border: 1px solid var(--eg-color-border-default); border-radius: 10px; background: var(--eg-color-surface-default); color: var(--eg-color-text-primary); font: var(--eg-type-body-sm); }
.eg-newsletter__input::placeholder { color: var(--eg-color-text-muted); }
.eg-newsletter__input[aria-invalid="true"] { border-color: var(--eg-color-status-danger); }
.eg-newsletter__btn { flex: none; display: inline-flex; align-items: center; justify-content: center; gap: 8px; height: 44px; padding: 0 18px; border: 0; border-radius: 10px; background: var(--eg-color-brand-primary); color: var(--eg-color-text-inverse); font: var(--eg-type-ui-button); cursor: pointer; transition: background-color var(--eg-motion-fast) var(--eg-ease); }
.eg-newsletter__btn:hover { background: var(--eg-color-brand-primary-hover); }
.eg-newsletter.is-loading .eg-newsletter__btn { opacity: 0.8; cursor: progress; }
.eg-newsletter.is-loading .eg-newsletter__input { background: var(--eg-color-surface-muted); }

/* Açık rıza onay kutusu (yorum formundaki .eg-check dili) */
.eg-newsletter__consent { position: relative; display: flex; align-items: flex-start; gap: 8px; font: var(--eg-type-body-xs); color: var(--eg-color-text-secondary); cursor: pointer; }
.eg-newsletter__consent input { position: absolute; left: 0; top: 1px; width: 16px; height: 16px; margin: 0; opacity: 0; cursor: pointer; }
.eg-newsletter__box { flex: none; display: inline-flex; align-items: center; justify-content: center; width: 16px; height: 16px; margin-top: 1px; border: 1.5px solid var(--eg-color-border-strong); border-radius: 4px; background: var(--eg-color-surface-default); color: transparent; }
.eg-newsletter__box .eg-icon { stroke-width: 3; }
.eg-newsletter__consent input:checked + .eg-newsletter__box { background: var(--eg-color-brand-primary); border-color: var(--eg-color-brand-primary); color: #fff; }
.eg-newsletter__consent input:focus-visible + .eg-newsletter__box { outline: 2px solid var(--eg-color-border-focus); outline-offset: 2px; }
.eg-newsletter__consent input[aria-invalid="true"] + .eg-newsletter__box { border-color: var(--eg-color-status-danger); }
.eg-newsletter__consent a { color: var(--eg-color-text-link); text-decoration: underline; text-underline-offset: 2px; }
.eg-newsletter__trap { position: absolute !important; left: -9999px; width: 1px; height: 1px; overflow: hidden; }

.eg-newsletter__msg { display: flex; align-items: flex-start; gap: 6px; font: var(--eg-type-body-xs); }
.eg-newsletter__msg[hidden] { display: none; }
.eg-newsletter__msg svg { flex: none; margin-top: 1px; }
.eg-newsletter__msg--error { color: var(--eg-color-status-danger); }
.eg-newsletter__msg--success { align-items: center; gap: 10px; padding: 12px 14px; border-radius: 10px; background: var(--eg-color-surface-success-soft); color: var(--eg-color-text-primary); font: var(--eg-type-body-sm); }
.eg-newsletter__msg--success svg { color: var(--eg-color-status-success); }

/* Footer (v0.3 açık footer): bitişik alan + ok butonu */
.eg-newsletter--footer .eg-newsletter__row { gap: 0; }
.eg-newsletter--footer .eg-newsletter__input { height: 42px; padding: 0 14px; border-radius: 10px 0 0 10px; border-right: 0; background: var(--eg-color-background-page); }
.eg-newsletter--footer .eg-newsletter__btn { width: 46px; height: 42px; padding: 0; border-radius: 0 10px 10px 0; }

/* Koyu zeminli bülten kutuları (listeleme sayfaları) */
.eg-lnl--dark .eg-newsletter__consent { color: rgba(255, 255, 255, 0.72); }
.eg-lnl--dark .eg-newsletter__consent a { color: var(--eg-color-text-inverse); }
.eg-lnl--dark .eg-newsletter__box { border-color: rgba(255, 255, 255, 0.4); background: transparent; }
.eg-lnl--dark .eg-newsletter__msg--error { color: #FFB4B4; }
.eg-lnl--dark .eg-newsletter__msg--success { background: rgba(255, 255, 255, 0.08); color: var(--eg-color-text-inverse); }
.eg-lnl--dark .eg-newsletter__msg--success svg { color: #6EE7A8; }

/* Onay / çıkış bağlantısından dönüş bildirimi (sayfa üstü) */
.eg-nl-notice { padding: 12px 16px; background: var(--eg-color-surface-success-soft); color: var(--eg-color-text-primary); font: var(--eg-type-body-sm); }
.eg-nl-notice--error { background: var(--eg-color-surface-danger-soft); }
.eg-nl-notice__in { display: flex; align-items: center; justify-content: center; gap: 10px; max-width: 1240px; margin: 0 auto; }
.eg-nl-notice svg { flex: none; color: var(--eg-color-status-success); }
.eg-nl-notice--error svg { color: var(--eg-color-status-danger); }

@media (max-width: 767px) {
	.eg-newsletter:not(.eg-newsletter--footer) .eg-newsletter__row { flex-wrap: wrap; }
	.eg-newsletter:not(.eg-newsletter--footer) .eg-newsletter__input { flex-basis: 100%; }
	.eg-newsletter:not(.eg-newsletter--footer) .eg-newsletter__btn { flex: 1 1 100%; }
}
