/* Sitewide form behaviour on the dark theme: browser autofill + Contact Form 7 notices.
   Loaded after the footer stylesheet so the compact (footer / subscribe) variants below win. */

/* ── Autofill: Chrome/Edge/Safari force a white background + dark text on autofilled fields.
   The long background-color transition keeps the field's own background; text colour is the
   one property autofill respects through -webkit-text-fill-color. ───────────────────────── */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
	-webkit-text-fill-color: var(--log-text-strong);
	caret-color: var(--log-text-strong);
	transition: background-color 600000s 0s, color 600000s 0s;
}

/* Firefox */
input:autofill,
textarea:autofill,
select:autofill {
	background-color: transparent;
	color: var(--log-text-strong);
}

/* ── Contact Form 7 notices (all forms) ─────────────────────────────────────────────────── */
.wpcf7 form .wpcf7-response-output {
	margin: 14px 0 0;
	padding: 11px 16px;
	border: 1px solid var(--log-line-2);
	border-radius: 12px;
	background: rgba(11, 28, 30, .7);
	color: var(--log-text-soft);
	font-size: 13px;
	line-height: 1.5;
}

.wpcf7 form.sent .wpcf7-response-output {
	border-color: rgba(75, 227, 181, .5);
	background: rgba(75, 227, 181, .1);
	color: var(--log-mint);
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output,
.wpcf7 form.spam .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
	border-color: rgba(255, 138, 101, .55);
	background: rgba(255, 138, 101, .1);
	color: var(--log-coral);
}

.wpcf7 .wpcf7-not-valid-tip {
	display: block;
	margin-top: 6px;
	font-size: 12px;
	line-height: 1.4;
	color: var(--log-coral);
}

.wpcf7 .wpcf7-not-valid {
	border-color: var(--log-coral) !important; /* beats per-form field borders that use !important */
}

/* Compact forms (footer + home subscribe boxes, sit inside a pill): text-only notice below the field,
   same colours per state. */
.log-footer .wpcf7 form .wpcf7-response-output,
.log-home .sub-card .wpcf7 form .wpcf7-response-output {
	margin: 8px 0 0;
	padding: 0;
	border: 0;
	background: none;
	font-size: 13px;
}

.log-footer .wpcf7 form.sent .wpcf7-response-output,
.log-home .sub-card .wpcf7 form.sent .wpcf7-response-output {
	color: var(--log-mint);
}

.log-footer .wpcf7 form.invalid .wpcf7-response-output,
.log-footer .wpcf7 form.failed .wpcf7-response-output,
.log-footer .wpcf7 form.spam .wpcf7-response-output,
.log-home .sub-card .wpcf7 form.invalid .wpcf7-response-output,
.log-home .sub-card .wpcf7 form.failed .wpcf7-response-output,
.log-home .sub-card .wpcf7 form.spam .wpcf7-response-output {
	color: var(--log-coral);
}