/**
 * WPForms and MailPoet styling for Tokyo Studio Capture.
 * Migrated from additional-css.txt (Phase 0.1 audit).
 *
 * NOTE: the MailPoet rules below were effectively disabled on the live
 * site -- a comment in additional-css.txt was opened but never properly
 * closed, which swallowed the .mailpoet_text, .mailpoet_text::placeholder,
 * .mailpoet_submit and .mailpoet_submit:hover rules. That has been fixed
 * here by writing normal, correctly-closed comments; no color/size values
 * were changed.
 *
 * Phase 1B: hardcoded #C19A83 / #a8846f / 8px radius replaced with
 * var(--tsc-accent) / var(--tsc-accent-hover) / var(--tsc-radius-md) --
 * same resolved values, now sourced from tokens.css.
 */

/* WPForms submit button */
.wpforms-submit {
	background-color: var(--tsc-accent) !important;
	color: #ffffff !important;
}

.wpforms-submit:hover {
	background-color: var(--tsc-accent-hover) !important;
	cursor: pointer;
}

/* MailPoet input field */
.mailpoet_text {
	border-radius: var(--tsc-radius-md) !important;
	border: 1px solid rgba(255, 255, 255, 0.2) !important;
	background-color: rgba(255, 255, 255, 0.03) !important;
	color: #ffffff !important;
	padding: 12px 14px !important;
	width: 100% !important;
	box-sizing: border-box;
}

/* Placeholder text */
.mailpoet_text::placeholder {
	color: rgba(255, 255, 255, 0.5);
}

/* MailPoet submit button */
.mailpoet_submit {
	background-color: var(--tsc-accent) !important;
	color: #ffffff !important;
	border: none !important;
	border-radius: var(--tsc-radius-md) !important;
	padding: 12px 18px !important;
	transition: background-color 0.2s ease !important;
	cursor: pointer;
}

/* Hover */
.mailpoet_submit:hover {
	background-color: var(--tsc-accent-hover) !important;
}

/* Success message */
.mailpoet_message {
	color: #ffffff !important;
}

#mailpoet_form_1 input.mailpoet_submit:hover {
	background-color: var(--tsc-accent-hover) !important;
	cursor: pointer !important;
}