/*
 * cf7-styles.css — dopasowanie formularza Contact Form 7 do designu Archimetria.
 *
 * Formularz CF7 osadzony w sekcjach (.konsultacje-form-box, .kontakt-form-box)
 * powinien wyglądać identycznie jak oryginalny. Tu mapujemy klasy CF7 (.wpcf7-*)
 * na istniejące klasy motywu (.konsultacje-field, .btn--dark).
 */

/* Kontener formularza CF7 */
.wpcf7 {
	width: 100%;
}

/* Pola — dopasowanie do .konsultacje-field */
.wpcf7-form-control-wrap {
	display: block;
	margin-bottom: 16px;
}

.wpcf7-form-control.wpcf7-text,
.wpcf7-form-control.wpcf7-email,
.wpcf7-form-control.wpcf7-textarea {
	width: 100%;
	background: transparent;
	border: none;
	border-bottom: 1px solid var(--primary-default);
	padding: 10px 0;
	font-family: var(--font-body);
	font-size: var(--text-base);
	color: var(--primary-default);
	opacity: 0.7;
	transition: opacity 0.2s;
}

.wpcf7-form-control.wpcf7-text:focus,
.wpcf7-form-control.wpcf7-email:focus,
.wpcf7-form-control.wpcf7-textarea:focus {
	opacity: 1;
	outline: none;
}

.wpcf7-form-control.wpcf7-textarea {
	min-height: 200px;
	resize: vertical;
}

/* Checkbox RODO */
.wpcf7-form-control.wpcf7-acceptance {
	display: flex;
	align-items: flex-start;
	gap: 12px;
}

.wpcf7-acceptance input[type="checkbox"] {
	flex-shrink: 0;
	margin-top: 4px;
}

/* Przycisk submit — dopasowanie do .btn .btn--dark */
.wpcf7-submit {
	display: block;
	margin: 30px auto 0;
	min-width: 240px;
	padding: 14px 32px;
	background: var(--primary-default);
	color: var(--primary-text-on-default);
	border: none;
	font-family: var(--font-body);
	font-size: var(--text-base);
	font-weight: 500;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	cursor: pointer;
	transition: opacity 0.2s;
}

.wpcf7-submit:hover {
	opacity: 0.85;
}

.wpcf7-submit:disabled {
	opacity: 0.5;
	cursor: not-allowed;
}

/* Komunikaty walidacji CF7 */
.wpcf7-not-valid-tip {
	color: #f87171;
	font-size: var(--text-tiny);
	font-family: var(--font-body);
	margin-top: 4px;
}

.wpcf7-response-output {
	border: 1px solid var(--medium-beige-600);
	padding: 12px 16px;
	margin: 16px 0 0;
	font-family: var(--font-body);
	font-size: var(--text-base);
	border-radius: 0;
}

.wpcf7-response-output.wpcf7-mail-sent-ok {
	border-color: #4ade80;
	color: #22c55e;
}

.wpcf7-response-output.wpcf7-validation-errors {
	border-color: #f87171;
	color: #ef4444;
}

/* Spinner CF7 — minimalny */
.wpcf7-spinner {
	vertical-align: middle;
}