/* MailPoet form - wpasowanie w paletę kremową Kształty Natury.
   Formularz pojawia się głównie w stopce: .kn-footer__newsletter [mailpoet_form id="X"] */

.kn-footer__newsletter .mailpoet_form,
.mailpoet_form_form {
	padding: 0 !important;
	background: transparent !important;
	margin: 0 !important;
}

.kn-footer__newsletter .mailpoet_paragraph,
.mailpoet_paragraph {
	margin: 0 0 .75rem !important;
}

.kn-footer__newsletter .mailpoet_text_label,
.mailpoet_text_label {
	display: none !important;
}

.kn-footer__newsletter .mailpoet_text,
.mailpoet_form input[type="text"],
.mailpoet_form input[type="email"] {
	width: 100% !important;
	background: rgba(255, 255, 255, .07) !important;
	border: 1px solid rgba(255, 255, 255, .18) !important;
	border-radius: var(--kn-radius-pill) !important;
	padding: .75rem 1.25rem !important;
	font-family: var(--kn-font-body) !important;
	font-size: var(--kn-fs-base) !important;
	font-weight: var(--kn-fw-light) !important;
	line-height: 1.4 !important;
	color: var(--kn-cream-100) !important;
	box-shadow: none !important;
	height: auto !important;
}

.kn-footer__newsletter .mailpoet_text:focus,
.mailpoet_form input[type="email"]:focus {
	border-color: var(--kn-accent) !important;
	outline: none !important;
	box-shadow: 0 0 0 3px rgba(168, 177, 112, .18) !important;
}

.kn-footer__newsletter .mailpoet_submit,
.mailpoet_form input[type="submit"],
.mailpoet_form button[type="submit"] {
	display: inline-block !important;
	background: var(--kn-cream-50) !important;
	color: var(--kn-ink-900) !important;
	border: 1px solid var(--kn-cream-50) !important;
	border-radius: var(--kn-radius-pill) !important;
	font-family: var(--kn-font-body) !important;
	font-size: var(--kn-fs-sm) !important;
	font-weight: var(--kn-fw-medium) !important;
	letter-spacing: var(--kn-tracking-wide) !important;
	text-transform: uppercase !important;
	padding: .85rem 1.75rem !important;
	cursor: pointer !important;
	transition: background var(--kn-dur) var(--kn-ease), color var(--kn-dur) var(--kn-ease), border-color var(--kn-dur) var(--kn-ease) !important;
	margin-top: .5rem !important;
	width: auto !important;
	height: auto !important;
	line-height: 1 !important;
	box-shadow: 0 2px 8px rgba(0, 0, 0, .12) !important;
}

.kn-footer__newsletter .mailpoet_submit:hover,
.mailpoet_form input[type="submit"]:hover,
.mailpoet_form button[type="submit"]:hover {
	background: #6b4226 !important;
	color: var(--kn-paper) !important;
	border-color: #6b4226 !important;
}

.mailpoet_validate_success {
	color: var(--kn-olive-700) !important;
	background: transparent !important;
	border: none !important;
	font-family: var(--kn-font-body) !important;
	font-size: var(--kn-fs-sm) !important;
}

.mailpoet_validate_error,
.parsley-error {
	color: var(--kn-burgundy-500) !important;
	background: transparent !important;
	border: none !important;
	font-family: var(--kn-font-body) !important;
	font-size: var(--kn-fs-sm) !important;
}

/* Hide popup overlay artifact gdy form embedded inline (nie chcemy całoekranowego overlaya w stopce) */
.kn-footer__newsletter .mailpoet_form_popup_overlay {
	display: none !important;
}
