/* ==========================================================================
   Do You Rome · Footer newsletter form
   Form ID: 2
   ========================================================================== */

form[data-form_id="2"] {
	width: 100%;
}

form[data-form_id="2"] .ff_form_fields_container {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 72px;
	grid-template-areas:
		"email submit"
		"consent consent";
	column-gap: 12px;
	row-gap: 14px;
	align-items: start;
}

form[data-form_id="2"] .dyr-newsletter-email {
	grid-area: email;
	margin: 0 !important;
}

form[data-form_id="2"] .dyr-newsletter-email input[type="email"] {
	width: 100%;
	min-height: 52px;
	padding: 0 16px;
	border-radius: 12px;
}

form[data-form_id="2"] .ff_submit_btn_wrapper {
	grid-area: submit;
	position: static !important;
	margin: 0 !important;
}

form[data-form_id="2"] .ff_submit_btn_wrapper .ff-btn-submit {
	padding: 0;
	border-radius: 12px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	line-height: 1;
}

form[data-form_id="2"] .dyr-newsletter-consent {
	grid-area: consent;
	margin: 0 !important;
}

form[data-form_id="2"] .dyr-newsletter-consent .ff-el-form-check {
	display: flex;
	align-items: flex-start;
	gap: 10px;
}

form[data-form_id="2"] .dyr-newsletter-consent .ff-el-form-check input[type="checkbox"] {
	padding-right: 5px;
	margin: 14px 0 0;
	flex: 0 0 auto;
}

form[data-form_id="2"] .dyr-newsletter-consent .ff-el-form-check label {
	font-size: 12px;
	line-height: 1.45;
}

@media (max-width: 767px) {
	form[data-form_id="2"] {
		max-width: 100%;
	}

	form[data-form_id="2"] .ff_form_fields_container {
		grid-template-columns: minmax(0, 1fr) 60px;
		column-gap: 10px;
		row-gap: 12px;
	}

	form[data-form_id="2"] .dyr-newsletter-email input[type="email"] {
		min-height: 50px;
		padding: 0 14px;
	}

	form[data-form_id="2"] .ff_submit_btn_wrapper .ff-btn-submit {
		width: 60px;
		height: 50px;
		min-width: 60px;
	}

	form[data-form_id="2"] .dyr-newsletter-consent .ff-el-form-check label {
		font-size: 10px;
		line-height: 1.45;
	}
}