/* ==========================================================================
   Motivum – nyilvános alkotói kérdőív (belépés nélkül, [motivum_alkotoi_kerdoiv])
   Ugyanazok a tokenek, mint az ügyfélportálon, a body.mws-portal helyett a
   .mwob-public keretre kötve.
   ========================================================================== */
.mwob-public {
	--mwp-navy: var(--wp--preset--color--primary, #102E46);
	--mwp-surface: var(--wp--preset--color--surface, #E8EEF2);
	--mwp-panel: var(--wp--preset--color--panel, #F4F1EA);
	--mwp-base: var(--wp--preset--color--base, #F7F5F0);
	--mwp-text: var(--wp--preset--color--text, #18232C);
	--mwp-muted: var(--wp--preset--color--muted, #6B7680);
	--mwp-line: var(--wp--preset--color--border, #D9E0E4);
	--mwp-gold: var(--wp--preset--color--accent, #B99A4A);
	--mwp-gold-deep: var(--wp--preset--color--accent-deep, #8C7230);
	--mwp-sand: var(--wp--preset--color--accent-light, #D6BE85);
	--mwp-display: var(--wp--preset--font-family--display, inherit);
	--mwp-ui: var(--wp--preset--font-family--ui, inherit);
	--mwp-r: 20px;

	max-width: 980px;
	margin: clamp(24px, 4vw, 56px) auto;
	padding: clamp(14px, 2.4vw, 28px);
	border-radius: 28px;
	background: var(--mwp-surface);
	color: var(--mwp-text);
	font-family: var(--mwp-ui);
}
.mwob-public .mwp-panel h2 {
	margin: 0;
	font-family: var(--mwp-display);
	font-weight: 500;
	line-height: 1.3;
	color: var(--mwp-navy);
}
.mwob-public .mwob-thanks h2 { font-size: clamp(1.3rem, 2.4vw, 1.75rem); }
.mwob-public a { color: var(--mwp-navy); }
.mwob-public .mwp-btn-dark { color: #fff; }
.mwob-public .mwp-link { color: var(--mwp-navy); text-decoration: underline; text-underline-offset: 3px; }

.mwob-public__errors {
	display: grid;
	gap: 6px;
	padding: 14px 18px;
	border-radius: 14px;
	background: #fff;
	box-shadow: inset 3px 0 0 #b3261e;
	color: #7a1c16;
	font-size: .9375rem;
}
.mwob-public__errors p { margin: 0; }

/* Csapda-mező: a látogató nem látja, a robot kitölti. */
.mwob-public__trap { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; overflow: hidden; }

@media (max-width: 600px) {
	.mwob-public { margin: 16px 0; padding: 10px; border-radius: 20px; }
}