/**
 * Zoho Newsletter — Fluent-Forms-Look (MeckSchweiz / blog 3)
 * Scoped under .tvmse-zoho-newsletter
 */

body.blogid-3 .tvmse-zoho-newsletter {
	--tvmse-zoho-brand: var(--ms-btn-bg, #144f26);
	--tvmse-zoho-brand-hover: var(--ms-btn-bg-hover, #289b38);
	--tvmse-zoho-field-border: #dcdcde;
	--tvmse-zoho-field-bg: #ffffff;
	--tvmse-zoho-field-text: var(--contrast, #222);
	--tvmse-zoho-label-text: var(--contrast, #222);
	--tvmse-zoho-muted: var(--contrast-2, #575760);
	--tvmse-zoho-radius: 8px;
	--tvmse-zoho-gap: 1.25rem;
	max-width: none;
	margin: 0;
}

body.blogid-3 .tvmse-zoho-newsletter [id^="sf3z908"] {
	font-family: inherit;
	font-size: 1rem;
	color: var(--tvmse-zoho-field-text);
}

/* Reset Zoho shell — flat like .fluentform */
body.blogid-3 .tvmse-zoho-newsletter [id^="sf3z908"] #SIGNUP_PAGE {
	padding: 0 !important;
	background: transparent !important;
	font-family: inherit !important;
	color: var(--tvmse-zoho-field-text) !important;
	text-align: left !important;
	font-size: 1rem !important;
}

body.blogid-3 .tvmse-zoho-newsletter [id^="sf3z908"] #signupMainDiv,
body.blogid-3 .tvmse-zoho-newsletter [id^="sf3z908"] #customForm {
	max-width: none !important;
	min-width: 0 !important;
	width: 100% !important;
	margin: 0 !important;
}

body.blogid-3 .tvmse-zoho-newsletter [id^="sf3z908"] #imgBlock,
body.blogid-3 .tvmse-zoho-newsletter [id^="sf3z908"] #SIGNUP_HEADING,
body.blogid-3 .tvmse-zoho-newsletter [id^="sf3z908"] #SIGNUP_DESCRIPTION {
	display: none !important;
}

body.blogid-3 .tvmse-zoho-newsletter [id^="sf3z908"] #SIGNUP_BODY_ALL {
	border: 0 !important;
	border-radius: 0 !important;
	overflow: visible !important;
	background: transparent !important;
	box-shadow: none !important;
}

body.blogid-3 .tvmse-zoho-newsletter [id^="sf3z908"] #SIGNUP_BODY {
	padding: 0 !important;
	background: transparent !important;
	color: inherit !important;
	font-size: inherit !important;
	text-align: left !important;
	opacity: 1 !important;
}

body.blogid-3 .tvmse-zoho-newsletter [id^="sf3z908"] #zcampaignOptinForm {
	margin: 0 !important;
}

/* Field grid: E-Mail full width, Vorname/Nachname nebeneinander */
body.blogid-3 .tvmse-zoho-newsletter [id^="sf3z908"] .zcsffieldsdiv {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--tvmse-zoho-gap);
	margin-top: 0.25rem;
}

body.blogid-3 .tvmse-zoho-newsletter [id^="sf3z908"] .zcsffieldsdiv > div:first-child {
	grid-column: 1 / -1;
}

body.blogid-3 .tvmse-zoho-newsletter [id^="sf3z908"] .zcsffieldsdiv > div {
	padding: 0 !important;
}

body.blogid-3 .tvmse-zoho-newsletter [id^="sf3z908"] .zcsffieldsdiv > div > div {
	display: flex !important;
	flex-direction: column !important;
	gap: 0.4rem;
}

/* Labels — wie .ff-el-input--label */
body.blogid-3 .tvmse-zoho-newsletter [id^="sf3z908"] [name="SIGNUP_FORM_LABEL"] {
	float: none !important;
	width: auto !important;
	display: block !important;
	margin: 0 !important;
	padding: 0 !important;
	font-size: 0.95rem !important;
	font-weight: 600 !important;
	line-height: 1.35 !important;
	color: var(--tvmse-zoho-label-text) !important;
	font-family: inherit !important;
	text-align: left !important;
}

body.blogid-3 .tvmse-zoho-newsletter [id^="sf3z908"] [name="SIGNUP_REQUIRED"] {
	color: #b40000 !important;
	font-size: inherit !important;
	font-family: inherit !important;
}

/* Inputs — wie .ff-el-form-control */
body.blogid-3 .tvmse-zoho-newsletter [id^="sf3z908"] .zcinputbox,
body.blogid-3 .tvmse-zoho-newsletter [id^="sf3z908"] #captchaParent {
	float: none !important;
	width: 100% !important;
	min-width: 0 !important;
	max-width: none !important;
}

body.blogid-3 .tvmse-zoho-newsletter [id^="sf3z908"] input[changeitem="SIGNUP_FORM_FIELD"],
body.blogid-3 .tvmse-zoho-newsletter [id^="sf3z908"] #captchaText {
	width: 100% !important;
	height: auto !important;
	min-height: 2.85rem !important;
	padding: 0.65rem 0.85rem !important;
	font-size: 1rem !important;
	font-family: inherit !important;
	color: var(--tvmse-zoho-field-text) !important;
	background: var(--tvmse-zoho-field-bg) !important;
	border: 1px solid var(--tvmse-zoho-field-border) !important;
	border-radius: var(--tvmse-zoho-radius) !important;
	box-sizing: border-box !important;
	box-shadow: none !important;
	transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

body.blogid-3 .tvmse-zoho-newsletter [id^="sf3z908"] input[changeitem="SIGNUP_FORM_FIELD"]:focus,
body.blogid-3 .tvmse-zoho-newsletter [id^="sf3z908"] #captchaText:focus {
	outline: none;
	border-color: var(--tvmse-zoho-brand) !important;
	box-shadow: 0 0 0 3px rgba(20, 79, 38, 0.12);
}

body.blogid-3 .tvmse-zoho-newsletter [id^="sf3z908"] input[changeitem="SIGNUP_FORM_FIELD"]::placeholder,
body.blogid-3 .tvmse-zoho-newsletter [id^="sf3z908"] #captchaText::placeholder {
	color: var(--tvmse-zoho-muted);
	opacity: 0.85;
}

/* Captcha */
body.blogid-3 .tvmse-zoho-newsletter [id^="sf3z908"] #captchaOld.recaptcha {
	padding: 0 !important;
	margin-top: 0.25rem !important;
	grid-column: 1 / -1;
}

body.blogid-3 .tvmse-zoho-newsletter [id^="sf3z908"] #captchaOld.recaptcha > div {
	width: 100% !important;
}

body.blogid-3 .tvmse-zoho-newsletter [id^="sf3z908"] #relCaptcha {
	float: none !important;
	display: block !important;
	margin: 0 0 0.5rem auto !important;
}

body.blogid-3 .tvmse-zoho-newsletter [id^="sf3z908"] #captchaDiv {
	width: 100% !important;
	padding: 0.75rem !important;
	background: var(--tvmse-zoho-field-bg) !important;
	border: 1px solid var(--tvmse-zoho-field-border) !important;
	border-radius: var(--tvmse-zoho-radius) !important;
	box-sizing: border-box !important;
}

body.blogid-3 .tvmse-zoho-newsletter [id^="sf3z908"] #capRequired {
	float: none !important;
	display: inline !important;
	margin: 0 !important;
}

/* Fehler / Pflichtfelder */
body.blogid-3 .tvmse-zoho-newsletter [id^="sf3z908"] #errorMsgDiv {
	display: none;
	margin: 0 0 1rem !important;
	padding: 0.75rem 1rem !important;
	border-radius: var(--tvmse-zoho-radius) !important;
	font-size: 0.925rem !important;
}

body.blogid-3 .tvmse-zoho-newsletter [id^="sf3z908"] #errorMsgDiv[style*="display: block"],
body.blogid-3 .tvmse-zoho-newsletter [id^="sf3z908"] #errorMsgDiv[style*="display:block"] {
	display: block !important;
}

body.blogid-3 .tvmse-zoho-newsletter [id^="sf3z908"] #REQUIRED_FIELD_TEXT {
	font-size: 0.875rem !important;
	color: var(--tvmse-zoho-muted) !important;
	padding: 0.25rem 0 0 !important;
	border: 0 !important;
}

body.blogid-3 .tvmse-zoho-newsletter [id^="sf3z908"] div[style*="border-bottom"][style*="ebebeb"] {
	display: none !important;
}

/* Submit — wie .ff-btn-submit (Details in meckschweiz-buttons.css) */
body.blogid-3 .tvmse-zoho-newsletter [id^="sf3z908"] div[style*="padding:10px"][style*="text-align:center"] {
	padding: 1rem 0 0 !important;
	text-align: left !important;
}

body.blogid-3 .tvmse-zoho-newsletter [id^="sf3z908"] #zcWebOptin {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	min-height: 2.85rem !important;
	white-space: normal !important;
	cursor: pointer;
	appearance: none !important;
	background-image: none !important;
}

/* Datenschutz-Hinweis (Zoho-Standardtext — ausgeblendet falls noch im Embed) */
body.blogid-3 .tvmse-zoho-newsletter [id^="sf3z908"] #privacyNotes {
	display: none !important;
}

/* Erfolgsmeldung */
body.blogid-3 .tvmse-zoho-newsletter [id^="sf3z908"] #Zc_SignupSuccess {
	position: static !important;
	width: auto !important;
	margin: 0 0 1rem !important;
	padding: 0.85rem 1rem !important;
	background: #f3faf5 !important;
	border: 1px solid rgba(20, 79, 38, 0.25) !important;
	border-radius: var(--tvmse-zoho-radius) !important;
}

body.blogid-3 .tvmse-zoho-newsletter [id^="sf3z908"] #signupSuccessMsg {
	color: var(--tvmse-zoho-brand) !important;
	font-family: inherit !important;
	font-size: 0.95rem !important;
}

body.blogid-3 .tvmse-zoho-newsletter [id^="sf3z908"] .successicon {
	display: none !important;
}

body.blogid-3 .tvmse-zoho-newsletter--pending {
	padding: 1.25rem 1.5rem;
	background: var(--base-2, #f7f8f9);
	border: 1px dashed var(--contrast-3, #b2b2be);
	border-radius: var(--tvmse-zoho-radius);
	color: var(--tvmse-zoho-muted);
	text-align: center;
}

@media (max-width: 640px) {
	body.blogid-3 .tvmse-zoho-newsletter [id^="sf3z908"] .zcsffieldsdiv {
		grid-template-columns: 1fr;
	}

	body.blogid-3 .tvmse-zoho-newsletter [id^="sf3z908"] .zcsffieldsdiv > div:first-child,
	body.blogid-3 .tvmse-zoho-newsletter [id^="sf3z908"] .zcsffieldsdiv > div:nth-child(2),
	body.blogid-3 .tvmse-zoho-newsletter [id^="sf3z908"] .zcsffieldsdiv > div:nth-child(3) {
		grid-column: 1;
	}
}

/* —— Newsletter-Seite: ohne grauen Section-Hintergrund —— */
body.blogid-3 .tvmse-newsletter {
	background: transparent;
	padding-block: 0;
}

body.blogid-3 .tvmse-newsletter > .wp-block-heading {
	margin-bottom: 0.75rem;
}

body.blogid-3 .tvmse-newsletter-lead {
	max-width: 42rem;
	font-size: 1.0625rem;
	line-height: 1.6;
	margin-bottom: 1.25rem;
	color: var(--contrast, #222);
}

body.blogid-3 .tvmse-newsletter-benefits {
	list-style: none;
	margin: 0 0 2rem;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 0.75rem 1.5rem;
	max-width: 52rem;
}

body.blogid-3 .tvmse-newsletter-benefits li {
	position: relative;
	margin: 0;
	padding: 0.85rem 0.5rem 0.85rem 3.15rem;
	font-size: 1rem;
	line-height: 1.45;
	color: var(--contrast, #222);
}

body.blogid-3 .tvmse-newsletter-benefits li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0.72rem;
	width: 2.25rem;
	height: 2.25rem;
	border-radius: 0.75rem;
	background-color: rgba(20, 79, 38, 0.08);
	border: 1px solid rgba(20, 79, 38, 0.14);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 1.2rem;
	box-shadow: 0 1px 2px rgba(20, 79, 38, 0.06);
}

body.blogid-3 .tvmse-newsletter-benefits li:nth-child(1)::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23144f26' stroke-width='1.75'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M7 7h.01M7 3h5c.512 0 1.024.195 1.414.586l7 7a2 2 0 010 2.828l-7 7a2 2 0 01-2.828 0l-7-7A1.994 1.994 0 013 12V7a4 4 0 014-4z'/%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M9 14l6-6'/%3E%3C/svg%3E");
}

body.blogid-3 .tvmse-newsletter-benefits li:nth-child(2)::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23144f26' stroke-width='1.75'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z'/%3E%3C/svg%3E");
}

body.blogid-3 .tvmse-newsletter-benefits li:nth-child(3)::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23144f26' stroke-width='1.75'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M9.813 15.904L9 18.75l-.813-2.846a4.5 4.5 0 00-3.09-3.09L2.25 12l2.846-.813a4.5 4.5 0 003.09-3.09L9 5.25l.813 2.846a4.5 4.5 0 003.09 3.09L15.75 12l-2.846.813a4.5 4.5 0 00-3.09 3.09z'/%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M18.259 8.715L18 9.75l-.259-1.035a3.375 3.375 0 00-2.455-2.456L14.25 6l1.036-.259a3.375 3.375 0 002.455-2.456L18 2.25l.259 1.035a3.375 3.375 0 002.456 2.456L21.75 6l-1.035.259a3.375 3.375 0 00-2.456 2.456z'/%3E%3C/svg%3E");
}

body.blogid-3 .tvmse-newsletter .tvmse-zoho-newsletter {
	margin-top: 0.5rem;
	padding-top: 1.75rem;
	border-top: 1px solid var(--contrast-3, #d0d0d0);
}

body.blogid-3 .tvmse-zoho-newsletter [id^="sf3z908"] #captchaOld.recaptcha::before {
	content: "Sicherheitsabfrage";
	display: block;
	margin-bottom: 0.45rem;
	font-size: 0.95rem;
	font-weight: 600;
	color: var(--tvmse-zoho-label-text, var(--contrast, #222));
}

body.blogid-3 .tvmse-zoho-newsletter [id^="sf3z908"] #zcWebOptin {
	min-width: min(100%, 14rem);
	font-size: 1.0625rem !important;
	letter-spacing: 0.01em;
}

@media (max-width: 768px) {
	body.blogid-3 .tvmse-newsletter-benefits {
		grid-template-columns: 1fr;
		gap: 0.35rem;
	}
}