/**
 * Learner — form theming.
 *
 * Styles the built-in native waitlist form AND the major form plugins so
 * whichever you use looks like it belongs to the theme.
 */

/* =======================================================================
 * Native waitlist form styles now live in blocks.css, so they also load in
 * the block editor iframe (the learner/waitlist block previews live there).
 * This file themes third-party form plugins on the front end.
 * =======================================================================
 *
 * Third-party form plugins → match the theme
 * ===================================================================== */

/* Shared input look */
.fluentform input:not([type=submit]):not([type=checkbox]):not([type=radio]),
.fluentform textarea,
.fluentform select,
.wpforms-form input:not([type=submit]),
.wpforms-form textarea,
.wpforms-form select,
.wpcf7 input:not([type=submit]),
.wpcf7 textarea,
.wpcf7 select,
.gform_wrapper input:not([type=submit]):not([type=button]),
.gform_wrapper textarea,
.gform_wrapper select {
	border: 1px solid var(--wp--preset--color--border) !important;
	border-radius: 10px !important;
	padding: .85rem 1rem !important;
	background: #fff !important;
	color: var(--wp--preset--color--contrast) !important;
	box-shadow: none !important;
}
.fluentform input:focus,
.fluentform textarea:focus,
.wpforms-form input:focus,
.wpforms-form textarea:focus,
.wpcf7 input:focus,
.wpcf7 textarea:focus,
.gform_wrapper input:focus,
.gform_wrapper textarea:focus {
	border-color: var(--wp--preset--color--primary) !important;
	box-shadow: 0 0 0 3px rgba(66, 0, 255, .16) !important;
	outline: none !important;
}

/* Shared submit-button look */
.fluentform .ff-btn-submit,
.fluentform button[type=submit],
.wpforms-form button[type=submit],
.wpforms-submit,
.wpcf7 input[type=submit],
.wpcf7 .wpcf7-submit,
.gform_wrapper .gform_footer input[type=submit],
.gform_wrapper .gform_footer button {
	background: var(--wp--preset--color--primary) !important;
	color: #fff !important;
	border: none !important;
	border-radius: 10px !important;
	padding: .9rem 1.6rem !important;
	font-weight: 600 !important;
	cursor: pointer;
	transition: background .2s ease;
}
.fluentform .ff-btn-submit:hover,
.wpforms-form button[type=submit]:hover,
.wpcf7 input[type=submit]:hover,
.gform_wrapper .gform_footer input[type=submit]:hover {
	background: var(--wp--preset--color--primary-hover) !important;
}