/**
 * Contact Form 7 — ten sam wygląd co formularz na karcie produktu
 * (widget Elementor pls-contactus). Działa na każdej podstronie.
 *
 * Modal z karty produktu (zielona ramka, różowy przycisk) ma własny układ
 * i jest przywracany na końcu pliku.
 */

.wpcf7 input.wpcf7-form-control:not([type="submit"]):not([type="checkbox"]):not([type="radio"]),
.wpcf7 textarea.wpcf7-form-control,
.wpcf7 select.wpcf7-form-control,
.wpcf7 input[type="submit"],
.wpcf7 .wpcf7-submit {
	border-radius: 0 !important;
}

.wpcf7 input.wpcf7-form-control:not([type="submit"]):not([type="checkbox"]):not([type="radio"]),
.wpcf7 select.wpcf7-form-control {
	height: 44px !important;
	padding: 8px 20px !important;
	line-height: 1.4;
	box-sizing: border-box;
}

/* rows="10" z CF7 daje ~292px — jak na karcie produktu */
.wpcf7 textarea.wpcf7-form-control,
.wpcf7 textarea.wpcf7-textarea {
	height: 146px !important;
	min-height: 146px !important;
	padding: 10px 20px !important;
	line-height: 1.5;
	resize: vertical;
	box-sizing: border-box;
}

/* Zgoda (checkbox) — pod wiadomością, bez rozciągania na szerokość pola */
.wpcf7 .wpcf7-form-control-wrap:has(.wpcf7-acceptance) {
	display: block;
	margin-top: 0.75rem;
}

.wpcf7 .wpcf7-acceptance .wpcf7-list-item,
.wpcf7 .wpcf7-acceptance .wpcf7-list-item label {
	display: flex;
	align-items: flex-start;
	gap: 8px;
	width: auto;
	margin: 0;
	font-weight: 400;
	line-height: 1.45;
}

.wpcf7 .wpcf7-acceptance input[type="checkbox"] {
	flex: 0 0 21px;
	width: 21px !important;
	height: 21px !important;
	min-height: 0 !important;
	margin: 1px 0 0 !important;
	padding: 0 !important;
}

.wpcf7 .wpcf7-form-control-wrap:has(.wpcf7-acceptance) ~ .wpcf7-submit,
.wpcf7 .wpcf7-form-control-wrap:has(.wpcf7-acceptance) ~ input[type="submit"] {
	margin-top: 0.85rem;
}

@media (max-width: 991px) {
	.wpcf7,
	.wpcf7 form,
	.wpcf7-form {
		width: 100% !important;
		max-width: 100% !important;
		box-sizing: border-box !important;
	}

	.wpcf7 p {
		margin: 0 0 0.9rem !important;
		width: 100% !important;
		max-width: 100% !important;
		box-sizing: border-box !important;
	}

	.wpcf7 .wpcf7-form-control-wrap {
		display: block;
		width: 100% !important;
		max-width: 100% !important;
	}

	.wpcf7 input.wpcf7-form-control:not([type="submit"]):not([type="checkbox"]):not([type="radio"]),
	.wpcf7 select.wpcf7-form-control,
	.wpcf7 textarea.wpcf7-form-control,
	.wpcf7 textarea.wpcf7-textarea,
	.wpcf7 input.wpcf7-submit,
	.wpcf7 .wpcf7-submit {
		width: 100% !important;
		max-width: 100% !important;
		box-sizing: border-box !important;
	}

	.wpcf7 input.wpcf7-form-control:not([type="submit"]):not([type="checkbox"]):not([type="radio"]),
	.wpcf7 select.wpcf7-form-control {
		height: 40px !important;
		padding: 6px 12px !important;
	}

	.wpcf7 textarea.wpcf7-form-control,
	.wpcf7 textarea.wpcf7-textarea {
		height: 96px !important;
		min-height: 96px !important;
		padding: 8px 12px !important;
	}

	.wpcf7-form > p:last-of-type {
		margin-bottom: 0 !important;
	}

	/* Elementor / boksy z formularzem — pełna szerokość na mobile */
	.elementor-widget-pls-contactus,
	.elementor-widget-pls-contactus .elementor-widget-container,
	.elementor-widget-shortcode:has(.wpcf7),
	.elementor-widget-shortcode:has(.wpcf7) .elementor-widget-container,
	.e-con:has(.wpcf7),
	.e-con:has(.lpm-ask__form),
	.e-con:has(.pls-contact-us),
	.lk-ask-module .e-con,
	.lk-ask-module .e-con-inner,
	.lk-ask-module .e-con-inner > .e-child,
	#kontakt .e-con-inner > .e-child,
	.lpm-ask .e-con-inner > .e-child {
		width: 100% !important;
		max-width: 100% !important;
		flex: 1 1 100% !important;
		--width: 100% !important;
		--container-widget-width: 100% !important;
		box-sizing: border-box !important;
	}

	/* NIE ustawiaj width:100% na .lk-ask-module / .lpm-ask —
	   product-single.css robi full-bleed 100vw; 100% zostawia boczne marginesy. */
}

/* Modal „zapytaj / wyślij listę” na karcie — zostawiamy dotychczasowy wygląd */
.customProductModals__modal-form .wpcf7 input.wpcf7-form-control:not([type="submit"]):not([type="checkbox"]):not([type="radio"]),
.customProductModals__modal-form .wpcf7 textarea.wpcf7-form-control {
	width: 100%;
	text-align: center !important;
	border: 2px solid #a2c18e !important;
	border-radius: 10px !important;
	margin-bottom: 10px !important;
	font-size: 14px !important;
	font-weight: 500 !important;
	color: #607850 !important;
	font-family: var(--laki-font-body, "Lato", sans-serif) !important;
	height: auto !important;
	min-height: 0 !important;
	padding: 11px 24px !important;
	line-height: 1.4 !important;
}

.customProductModals__modal-form .wpcf7 textarea.wpcf7-form-control {
	min-height: 200px !important;
}

.customProductModals__modal-form .wpcf7 input.wpcf7-submit,
.customProductModals__modal-form .wpcf7 input[type="submit"] {
	font-weight: 800 !important;
	font-size: 20px !important;
	color: #fff !important;
	background-color: #c44e8c !important;
	border: 2px solid #c44e8c !important;
	border-radius: 10px !important;
}