.fkfg-welcome-back {
	display: none;
	margin-bottom: 16px;
	font-size: 14px;
	color: #6b625a;
}

.fkfg-flipbook-wrap {
	display: none;
	margin: 32px auto 0;
	max-width: 1200px;
	width: 100%;
	background: transparent;
}

.fkfg-flipbook-wrap ._df_book {
	height: 780px;
	width: 100%;
	background: transparent;
}

/* DearFlip renders its own internal wrapper/canvas-backdrop elements with
   a white background by default. Overriding here rather than via the
   book's own `backgroundcolor` HTML attribute alone (set in shortcode.php)
   as a defense-in-depth fallback, since the exact internal class names
   can vary by dFlip version. */
.fkfg-flipbook-wrap .df-container,
.fkfg-flipbook-wrap .df-ui-controls,
.fkfg-flipbook-wrap .df-book-container,
.fkfg-flipbook-wrap canvas {
	background: transparent !important;
}

/* Hides the Elementor form immediately for a returning visitor, before the
   page ever paints - fkfg_maybe_add_authorized_body_class() (gate.php)
   adds this body class server-side based on the access cookie, so there's
   no flash of the form before fischer-katalog.js gets a chance to swap it
   out client-side a moment later. Targets the <form> itself, not the whole
   .elementor-widget-form wrapper, so the wrapper stays available for the
   JS to fill with the "your catalog is ready" CTA. */
body.fkfg-authorized .elementor-widget-form form {
	display: none !important;
}

/* Replaces the form's own content (not display:none - the section keeps
   occupying its place in the layout) once the visitor is authorized,
   pointing down to wherever the [fischer_katalog] shortcode itself was
   placed - which can be a different section entirely from the form. */
.fkfg-form-replaced {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 14px;
	padding: 24px 0;
}

.fkfg-form-replaced p {
	margin: 0;
	font-family: Manrope, sans-serif;
	font-weight: 700;
	font-size: 1.1rem;
	color: #1a1a1a;
}

.fkfg-form-replaced a {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	background: #ff6800;
	color: #fff;
	font-weight: 600;
	font-size: 15px;
	padding: 13px 24px;
	border-radius: 999px;
	text-decoration: none;
	box-shadow: 0 8px 22px rgba(160, 73, 26, 0.2);
}