/*
 * egirişim Bülten formu.
 * Tema (Newspaper + egirisim child) form alanlarını ve düğmeleri
 * "body.eg-theme:not(#eg) …" + !important ile boyuyor. Bu yüzden çakışan
 * kurallar "body:not(#egb) .egb.egb …" önekiyle (daha yüksek öncelik) yazıldı.
 * Renkler tema değişkenlerinden; tema yoksa yedek değerler kullanılır.
 */

.egb {
	--egb-ink: var(--eg-ink, #16130f);
	--egb-mute: var(--eg-mute, #5f5f5c);
	--egb-line: var(--eg-line, #dcdcd9);
	--egb-card: var(--eg-card, #e6e6e4);
	--egb-acc: var(--eg-acc, #e5391f);
	--egb-acc-text: var(--eg-acc-text, #c4301a);
	--egb-radius: var(--eg-radius, 4px);
	--egb-fg: var(--egb-ink);
	--egb-sub: var(--egb-mute);
	--egb-err: var(--egb-acc-text);
	position: relative;
	margin: 32px 0;
	font-family: var(--eg-font, Montserrat, system-ui, -apple-system, "Segoe UI", sans-serif);
	color: var(--egb-fg);
}

/* Görünümler */
body:not(#egb) .egb.egb--kutu {
	--egb-fg: #fff;
	--egb-sub: rgba(255, 255, 255, .72);
	--egb-err: #ff9d8c;
	padding: 28px;
	border-radius: var(--egb-radius);
	background: var(--egb-ink) !important;
}
body:not(#egb) .egb.egb--acik {
	padding: 28px;
	border-radius: var(--egb-radius);
	background: var(--egb-card) !important;
}
body:not(#egb) .egb.egb--satir {
	margin: 24px 0;
}

/* Metin */
.egb__metin {
	margin-bottom: 16px;
}
body:not(#egb) .egb.egb .egb__baslik {
	margin: 0 0 6px !important;
	padding: 0 !important;
	color: var(--egb-fg) !important;
	font-size: 20px !important;
	font-weight: 700 !important;
	line-height: 1.3 !important;
	letter-spacing: -.01em;
}
body:not(#egb) .egb.egb .egb__aciklama {
	margin: 0 !important;
	padding: 0 !important;
	color: var(--egb-sub) !important;
	font-size: 15px !important;
	line-height: 1.5 !important;
}
body:not(#egb) .egb.egb--satir .egb__baslik {
	font-size: 17px !important;
}

/* Form */
.egb__form {
	margin: 0;
}
.egb__satir {
	display: flex;
	gap: 8px;
}
body:not(#egb) .egb.egb .egb__input {
	flex: 1 1 auto;
	min-width: 0;
	height: 46px;
	margin: 0;
	padding: 0 16px;
	border: 1px solid var(--egb-line) !important;
	border-radius: var(--egb-radius) !important;
	background: #fff !important;
	color: var(--egb-ink) !important;
	font: inherit;
	font-size: 15px !important;
	line-height: 46px;
	box-shadow: none !important;
}
body:not(#egb) .egb.egb--kutu .egb__input {
	border-color: #fff !important;
}
body:not(#egb) .egb.egb .egb__input::placeholder {
	color: var(--egb-mute);
	opacity: 1;
}
body:not(#egb) .egb.egb .egb__input:focus {
	outline: 2px solid var(--egb-acc);
	outline-offset: 1px;
	border-color: var(--egb-ink) !important;
}
body:not(#egb) .egb.egb .egb__btn {
	flex: none;
	height: 46px;
	margin: 0;
	padding: 0 24px !important;
	border: 1px solid var(--egb-ink) !important;
	border-radius: 99px !important;
	background: var(--egb-ink) !important;
	color: #fff !important;
	font: inherit;
	font-size: 15px !important;
	font-weight: 600 !important;
	line-height: 1 !important;
	white-space: nowrap;
	cursor: pointer;
	box-shadow: none !important;
	transition: background-color .15s, border-color .15s;
}
body:not(#egb) .egb.egb--kutu .egb__btn {
	border-color: var(--egb-acc) !important;
	background: var(--egb-acc) !important;
}
body:not(#egb) .egb.egb .egb__btn:hover {
	border-color: var(--egb-acc-text) !important;
	background: var(--egb-acc-text) !important;
}
body:not(#egb) .egb.egb .egb__btn:focus-visible {
	outline: 2px solid var(--egb-fg);
	outline-offset: 2px;
}
body:not(#egb) .egb.egb .egb__btn[disabled] {
	opacity: .6;
	cursor: progress;
}

/* Onay kutusu */
body:not(#egb) .egb.egb .egb__onay {
	display: flex;
	align-items: flex-start;
	gap: 8px;
	margin: 12px 0 0 !important;
	color: var(--egb-sub) !important;
	font-size: 13px !important;
	font-weight: 400 !important;
	line-height: 1.45 !important;
	cursor: pointer;
}
body:not(#egb) .egb.egb .egb__onay input {
	flex: none;
	width: 16px;
	height: 16px;
	margin: 1px 0 0 !important;
	accent-color: var(--egb-acc);
}
body:not(#egb) .egb.egb .egb__onay a {
	color: var(--egb-fg) !important;
	text-decoration: underline !important;
	text-underline-offset: 2px;
}

/* Sonuç */
body:not(#egb) .egb.egb .egb__mesaj {
	margin: 0 !important;
	color: var(--egb-fg) !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	line-height: 1.45 !important;
}
body:not(#egb) .egb.egb .egb__mesaj:empty {
	display: none;
}
body:not(#egb) .egb.egb .egb__mesaj.is-err {
	margin-top: 10px !important;
	color: var(--egb-err) !important;
}
body:not(#egb) .egb.egb .egb__mesaj.is-ok {
	margin-top: 4px !important;
	font-size: 15px !important;
}
.egb.is-done .egb__form {
	display: none;
}

/* Erişilebilirlik / robot tuzağı */
.egb__sr,
.egb__hp {
	position: absolute !important;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
	border: 0;
}

@media (max-width: 520px) {
	body:not(#egb) .egb.egb--kutu,
	body:not(#egb) .egb.egb--acik {
		padding: 22px 18px;
	}
	.egb__satir {
		flex-wrap: wrap;
	}
	body:not(#egb) .egb.egb .egb__btn {
		flex: 1 1 100%;
	}
}