/* TKJ Garden — formularz kontaktowy */
.tkjfk { display: grid; gap: 16px; max-width: 760px; }
.tkjfk__row { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.tkjfk__pole { display: block; }
.tkjfk__pole > span {
	display: block; margin-bottom: 6px;
	font-size: .82rem; color: #6b7280;
}
.tkjfk__pole > span i { font-style: normal; color: #c0392b; margin-left: 2px; }
.tkjfk input, .tkjfk select, .tkjfk textarea {
	width: 100%; padding: 12px 14px;
	border: 1px solid #e4e7e5; border-radius: 10px;
	background: #fafafa; color: #14171a;
	font: inherit; font-size: .95rem;
}
.tkjfk textarea { resize: vertical; min-height: 130px; }
.tkjfk input:focus, .tkjfk select:focus, .tkjfk textarea:focus {
	outline: 2px solid #1f2422; outline-offset: 1px; border-color: transparent; background: #fff;
}
.tkjfk .is-blad { border-color: #c0392b; background: #fdf3f2; }

/* pułapka na boty — poza ekranem, ale nie display:none (część botów to wykrywa) */
.tkjfk__pulapka { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }

.tkjfk__stopka { display: flex; align-items: center; gap: 18px; flex-wrap: wrap; }
.tkjfk__wyslij {
	border: 0; cursor: pointer;
	padding: 13px 28px; border-radius: 999px;
	background: #1f2422; color: #fff;
	font: inherit; font-weight: 600; font-size: .92rem;
	transition: opacity .15s;
}
.tkjfk__wyslij:hover { opacity: .88; }
.tkjfk__wyslij[disabled] { opacity: .5; cursor: default; }
.tkjfk__nota { margin: 0; font-size: .78rem; color: #6b7280; flex: 1 1 260px; line-height: 1.45; }
.tkjfk__nota a { text-decoration: underline; }

.tkjfk__komunikat { margin: 0; font-size: .9rem; }
.tkjfk__komunikat.is-ok { color: #2f7a46; font-weight: 600; }
.tkjfk__komunikat.is-blad { color: #c0392b; }

@media (max-width: 700px) {
	.tkjfk__row { grid-template-columns: 1fr; }
}