/* ═══════════════════════════════════════════════════════════════
   Block-editor bridge: make core blocks adopt the Juwelier look.
   Loaded on the front end AND in the editor (add_editor_style).
   ═══════════════════════════════════════════════════════════════ */

/* ── Core buttons → jc-btn pill ─────────────────────────────────── */
.wp-block-button__link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 14px 32px;
	font-family: var(--jc-font-sans, 'Poppins', sans-serif);
	font-size: 0.78rem;
	font-weight: 600;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	border-radius: var(--jc-radius, 2px);
	background: var(--jc-accent, #BFA46A);
	color: #fff;
	border: 1px solid var(--jc-accent, #BFA46A);
	transition: background 200ms ease, color 200ms ease, transform 200ms ease;
}
.wp-block-button__link:hover {
	background: var(--jc-accent-light, #A6884A);
	border-color: var(--jc-accent-light, #A6884A);
	color: #fff;
	transform: translateY(-1px);
}
.wp-block-button.is-style-outline .wp-block-button__link {
	background: transparent;
	color: var(--jc-secondary, #212529);
	border-color: var(--jc-border, #E5E5E7);
}
.wp-block-button.is-style-outline .wp-block-button__link:hover {
	background: var(--jc-accent, #BFA46A);
	border-color: var(--jc-accent, #BFA46A);
	color: #fff;
}

/* ── Hero (editable Group block) ────────────────────────────────── */
.jc-hero-block {
	padding: var(--jc-space-10, 128px) 0;
	background: var(--jc-bg-alt, #F7F7F7);
	border-bottom: 1px solid var(--jc-border, #E5E5E7);
}
.jc-hero-block h1 {
	font-size: clamp(2.2rem, 5vw, 3.6rem);
	line-height: 1.08;
	letter-spacing: -0.01em;
	margin-bottom: var(--jc-space-4, 16px);
	color: var(--jc-secondary, #212529);
}
.jc-hero-block p {
	font-size: 1.05rem;
	color: var(--jc-muted-fg, #78797F);
	max-width: 560px;
	margin-bottom: var(--jc-space-6, 32px);
}
.jc-hero-block .wp-block-buttons { gap: var(--jc-space-3, 12px); }

/* ── Section bands placed via Group blocks ──────────────────────── */
.jc-band {
	padding: var(--jc-space-9, 96px) 0;
}
.jc-band--alt { background: var(--jc-bg-alt, #F7F7F7); }

/* Shortcode section spacing when dropped directly in content */
.jc-services-block,
.jc-faq-block { margin: var(--jc-space-8, 64px) 0; }
.jc-product-grid { margin: var(--jc-space-6, 32px) 0; }

/* ── Full-bleed helper for content-area sections ────────────────── */
.entry-content .alignfull { margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); max-width: 100vw; }

/* ── Prose / editable page content (Ankauf, Über uns, etc.) ─────── */
.jc-prose h2,
.entry-content h2 { margin-bottom: var(--jc-space-4, 16px); color: var(--jc-secondary, #212529); }
.jc-prose h3,
.entry-content h3 { margin-bottom: var(--jc-space-2, 8px); color: var(--jc-primary, #2D2E33); }
.jc-prose p,
.entry-content p { color: var(--jc-muted-fg, #78797F); line-height: 1.7; }

/* Restore bullets inside editable content (global ul is list-style:none) */
.jc-prose ul,
.entry-content ul {
	list-style: disc;
	padding-left: 1.25rem;
	margin: var(--jc-space-3, 12px) 0;
}
.jc-prose li,
.entry-content li { color: var(--jc-secondary, #212529); margin-bottom: 0.35rem; line-height: 1.55; }
.jc-prose li::marker,
.entry-content li::marker { color: var(--jc-accent, #BFA46A); }

/* Spacing rhythm between top-level blocks in editable content */
.entry-content > * + * { margin-top: var(--jc-space-7, 48px); }
.jc-band .wp-block-columns { margin-top: var(--jc-space-6, 32px); }
.jc-band .wp-block-columns + .wp-block-columns { margin-top: var(--jc-space-5, 24px); }

/* Ankauf "Das kaufen wir an" panel */
.jc-band h3 { font-size: 1.1rem; }

/* Fine print (taxi note) */
.jc-finehint {
	text-align: center;
	font-size: 0.8rem;
	color: var(--jc-muted-fg, #78797F);
}

/* Editable images sit flush, no rounding mismatch */
.entry-content .wp-block-image img { display: block; width: 100%; height: auto; }

/* ── Cover block used as hero (image + dark overlay, white text) ──── */
.wp-block-cover.jc-hero-cover { min-height: 72vh; }
/* Stack the hero content (title, subtitle, buttons) vertically and align
   to a centered content column, matching the preview layout. */
.wp-block-cover.jc-hero-cover .wp-block-cover__inner-container {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	width: 100%;
	max-width: 1180px;
	margin-left: auto;
	margin-right: auto;
	padding: 0 24px;
	box-sizing: border-box;
}
.wp-block-cover.jc-hero-cover .wp-block-cover__inner-container > * {
	float: none;
	clear: both;
	width: 100%;
	max-width: 640px;
	margin-left: 0;
	margin-right: 0;
}
.wp-block-cover.jc-hero-cover :is(h1,h2,p) { color: #fff; }
.wp-block-cover.jc-hero-cover h1 {
	font-size: clamp(2.4rem, 5vw, 4rem);
	line-height: 1.08;
	margin: 0 0 var(--jc-space-4, 16px);
}
.wp-block-cover.jc-hero-cover p {
	font-size: 1.05rem;
	max-width: 560px;
	margin: 0 0 var(--jc-space-6, 32px);
}
.wp-block-cover.jc-hero-cover .wp-block-buttons {
	display: flex;
	flex-wrap: wrap;
	gap: 14px;
}
/* Outline button on the dark hero needs light text/border */
.wp-block-cover .wp-block-button.is-style-outline .wp-block-button__link {
	color: #fff;
	border-color: rgba(255,255,255,0.6);
	background: transparent;
}
.wp-block-cover .wp-block-button.is-style-outline .wp-block-button__link:hover {
	background: var(--jc-accent, #BFA46A);
	border-color: var(--jc-accent, #BFA46A);
	color: #fff;
}

/* ── Editor-only readability tweaks ─────────────────────────────── */
.editor-styles-wrapper { font-family: var(--jc-font-sans, 'Poppins', sans-serif); }