/**
 * First-paint styles for the embed stub.
 *
 * embed.js is async, so the stub is an empty div until it runs. The circular's
 * stub gets a height floor to stop the page collapsing and reflowing once the
 * iframe reports its real height. The shopping list needs none: embed.js sets an
 * explicit height on its iframe immediately.
 *
 * No `overflow` on the wrapper - it would clip the viewer's sticky toolbar.
 */

/**
 * Strip the theme's content-wrapper spacing on a page that holds an embed.
 *
 * The old page template printed the stub straight into #content. A shortcode runs inside
 * the_content(), so it inherits `article.type-page { padding: 0 20px }` and whatever
 * .entry-content adds. The body class comes from the plugin, which already inspects the
 * page for a shortcode in order to force full width.
 */
body.has-appcard-embed .site-content article,
body.has-appcard-embed .site-content .entry-content {
	margin: 0;
	padding: 0;
	border: 0;
}

.appcard-embed {
	width: 100%;
	margin: 0;
	padding: 0;
}

.appcard-embed [data-appcard-circular] {
	display: block;
	min-height: 60vh;
}

.appcard-embed [data-appcard-shopping-list] {
	display: block;
}