/*--------------------------------------------------------------
# Contact Form 7
--------------------------------------------------------------*/

.wpcf7 {
	overflow: hidden;
}

[dir="rtl"] .wpcf7 {
	direction: rtl;
}

.wpcf7 :is(h1, h2, h3, h4, h5, h6) {
	margin-bottom: var(--momelo-spacing-xs);
}

.wpcf7 .momelo-xt-required {
	color: rgb(var(--momelo-color-alert-rgb));
}

.wpcf7 .wpcf7-list-item {
	display: block;
	margin: 0 0 1rem;
}

.wpcf7 .wpcf7-list-item-label {
	display: inline;
	vertical-align: middle;
}

.wpcf7 .wpcf7-spinner {
	position: absolute;
}

.wpcf7 .wpcf7-validation-errors,
.wpcf7 .wpcf7-acceptance-missing {
	background-color: rgba(220, 50, 50, 0.5);
	border: none;
	border-radius: 0.5rem;
	color: #fff;
	margin: 1.5rem 0;
	padding: 1.5rem;
}

.wpcf7 :is(input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea).wpcf7-not-valid {
	border-color: rgb(var(--momelo-color-alert-rgb));
}

.wpcf7 .wpcf7-not-valid-tip {
	color: rgb(var(--momelo-color-alert-rgb));
	font-size: var(--momelo-font-size-xs);
	margin: 0.5rem 0 0;
}

.wpcf7 .wpcf7-form .wpcf7-response-output {
	border-radius: 0.5rem;
	border-width: 0;
	margin: 1rem 0;
	padding: 1.5rem;
}

.wpcf7 form.failed .wpcf7-response-output {
	background-color: rgba(220, 50, 50, 0.5);
	color: #fff;
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output {
	background-color: rgba(255, 185, 0, 0.2);
}

.wpcf7-form > p {
	margin: 0 0 1rem;
}

.wpcf7-form select {
	width: 100%;
}

.wpcf7-form .wpcf7-acceptance label {
	margin: 0;
}

/*--------------------------------------------------------------
# Form Row & Column
--------------------------------------------------------------*/

.momelo-xt-form-row {
	display: flex;
	flex-flow: row nowrap;
	gap: 2.4rem;
	margin-bottom: 0;
	overflow: hidden;
	width: 100%;
}

.momelo-xt-form-col {
	flex: 1 1 auto;
	width: auto;
}

.momelo-xt-form-col > label {
	font-weight: 600;
}

.momelo-xt-form-row.has-align-left {
	text-align: left;
}

.momelo-xt-form-row.has-align-center {
	text-align: center;
}

.momelo-xt-form-row.has-align-right {
	text-align: right;
}

/*--------------------------------------------------------------
# Newsletter Form
--------------------------------------------------------------*/

.wpcf7-form:has(.momelo-xt-newsletter-form) {
	display: flex;
	flex-flow: row wrap;
	gap: 1.5rem;
}

.momelo-xt-newsletter-form {
	flex-flow: row wrap;
	gap: 1.5rem;
	margin: 0;
}

.momelo-xt-newsletter-form div:first-child {
	flex: 1 1 100%;
	max-width: 100%;
	width: 100%;
}

.wpcf7-form .momelo-xt-newsletter-form.momelo-xt-form-row p {
	margin: 0;
}

.momelo-xt-newsletter-form :is(input[type="email"], input[type="text"]) {
	position: relative;
	transition: border-color 0.3s var(--momelo-transition-ease);
	z-index: 2;
	width: 100%;
}

.momelo-xt-newsletter-form ::placeholder {
	color: rgba(var(--momelo-color-on-surface-rgb), 0.6);
}

.momelo-xt-newsletter-form [type="submit"] {
	height: 5rem;
	padding: 0 1.5rem;
	width: 100%;
}

.momelo-xt-newsletter-form .wpcf7-acceptance .wpcf7-list-item {
	margin: 0;
}

.momelo-xt-newsletter-form :is([type="reset"], [type="submit"]).has-secondary-background-color:is(:hover, :focus, :active) {
	background-color: rgb(var(--momelo-color-on-surface-rgb)) !important;
	color: rgb(var(--momelo-color-surface-rgb));
}

.momelo-xt-newsletter-form .has-secondary-background-color {
	color: rgb(var(--momelo-color-on-secondary-rgb));
}

@media (min-width: 600px) {

	/*--------------------------------------------------------------
	# Newsletter Form
	--------------------------------------------------------------*/

	.momelo-xt-newsletter-form {
		flex-flow: row nowrap;
	}

	.momelo-xt-newsletter-form [type="submit"] {
		flex: 1 1 auto;
		width: auto;
	}
}