/*
 * Wealthe Tools - frontend embed styling.
 * Deliberately minimal: the calculator's own CSS lives entirely inside its
 * iframe and is never touched by this file or by the active theme.
 */

.wealthe-tool-embed {
	width: 100%;
	margin: 1.5em 0;
	line-height: 0; /* avoid a stray gap under the iframe in some browsers */
}

.wealthe-tool-iframe {
	width: 100%;
	min-height: 300px;
	height: 600px; /* replaced by frontend.js once the real content height is known */
	border: 0;
	display: block;
	background: transparent;
}

.wealthe-tool-admin-notice {
	border: 1px dashed #b3423f;
	background: #fdf4f4;
	color: #b3423f;
	padding: 10px 14px;
	border-radius: 4px;
	font-size: 14px;
}