/* Panel style */
.wp-block-group.is-style-panel {
	border: var(--wp--custom--panel--border-width) solid
		var(--wp--custom--panel--border-color);
}

/* Card styles (surface-2 background). One elevation step from the surface-1 page - the
   thin divider border does the separating, so a single-step fill is enough. Mirrors per scheme, so cards elevate in light AND dark. */
.wp-block-group.is-style-card,
.wp-block-group.is-style-card-divided {
	background-color: var(--wp--preset--color--surface-2);
	color: var(--wp--preset--color--text-1);
	border: var(--wp--custom--border--width--thin) solid
		var(--wp--preset--color--divider);
	border-radius: var(--wp--preset--border-radius--m);
	padding: var(--wp--preset--spacing--medium);
	overflow: hidden;
	background-clip: padding-box;
}

/* Card divided header styling */
.wp-block-group.is-style-card-divided
	> :is(h1, h2, h3, h4, h5, h6, .wp-block-heading):first-child,
.wp-block-group.is-style-card-divided
	> .wp-block-group:first-child
	> :is(h1, h2, h3, h4, h5, h6, .wp-block-heading):first-child,
.wp-block-group.is-style-card-divided
	> .wp-block-group:first-child
	> .wp-block-group:first-child
	> :is(h1, h2, h3, h4, h5, h6, .wp-block-heading):first-child {
	border-bottom: var(--wp--custom--border--width--thin) solid
		var(--wp--preset--color--divider);
	padding-bottom: var(--wp--preset--spacing--small);
	margin-bottom: var(--wp--preset--spacing--small);
}

/* Icon divider (opt-in is-style-icon-divider): a centered mark flanked by two brand
   hairlines. The "Divider Icon" pattern makes the group a flex ROW, so the ::before /
   ::after boxes become flex items that draw the lines; any centered child (the site
   logo, a small image, or an icon) sits in the gap. Line color is the brand tone; the
   space around the mark is the row's blockGap. */
.wp-block-group.is-style-icon-divider {
	align-items: center;
}
.wp-block-group.is-style-icon-divider::before,
.wp-block-group.is-style-icon-divider::after {
	content: "";
	flex: 1 1 0;
	border-top: var(--wp--custom--border--width--thin, 1px) solid
		var(--wp--preset--color--link);
}

/* Callout band (is-style-callout): a SUBTLE brand-tinted aside, fainter than the
   scorecard footer. A low share of the brand color mixed into surface-1 (both operands
   light-dark(), so the tint stays constant light/dark and re-hues per scheme); a brand
   left-bar marks it, text stays the neutral token. */
.wp-block-group.is-style-callout {
	background-color: color-mix(
		in oklab,
		var(--wp--preset--color--surface-1),
		var(--wp--preset--color--primary) 12%
	);
	color: var(--wp--preset--color--text-1);
	border-inline-start: var(--wp--custom--border--width--medium) solid
		var(--wp--preset--color--link);
	border-radius: var(--wp--preset--border-radius--m);
	padding: var(--wp--preset--spacing--medium);
}

/* Resolved-card "Fixed" stamp. Lives here (a core/group style loaded via
   wp_enqueue_block_style) so it renders in BOTH the front end and the editor
   iframe. The card group holding the stamp is the position context. */
.wp-block-group:has(> .bw-scorecard-stamp) {
	position: relative;
}
.bw-scorecard-stamp {
	position: absolute;
	/* Shifted over the card's end edge so it clears the footer text in both the
	   editor and front end, where the footer wraps differently. Nothing in the
	   ancestry clips it. */
	inset-inline-end: calc(-1 * var(--wp--preset--spacing--xx-small));
	bottom: var(--wp--preset--spacing--x-small);
	margin: 0;
	transform: rotate(-18deg);
	/* Adaptive success tokens (same family the chips use), which resolve in the
	   editor canvas. Text is success-800 for weight; the frame is success-700,
	   one step softer so it is not too heavy on light / too bright on dark. Both
	   flip per mode via light-dark(). */
	color: var(--wp--preset--color--success-800);
	background: var(--wp--preset--color--success-100);
	border: var(--wp--custom--border--width--medium) solid
		var(--wp--preset--color--success-700);
	border-radius: var(--wp--preset--border-radius--m);
	padding: var(--wp--preset--spacing--xx-small)
		var(--wp--preset--spacing--small);
	font-weight: 800;
	font-size: var(--wp--preset--font-size--l);
	letter-spacing: 0.16em;
	text-transform: uppercase;
	line-height: 1.1;
	opacity: 0.92;
	pointer-events: none;
}
.bw-scorecard-stamp::before {
	content: "";
	position: absolute;
	inset: var(--wp--preset--spacing--xxx-small);
	border: var(--wp--custom--border--width--thin) solid
		var(--wp--preset--color--success-700);
	border-radius: var(--wp--preset--border-radius--s);
}

/* Editor canvas only: WP core forces
   `.block-editor-block-list__layout .block-editor-block-list__block { position: relative }`
   (0,2,0) on every block, which cancels the stamp's absolute positioning in the
   editor (it renders full-width in-flow). Re-assert it at higher specificity
   (0,2,1). Matches only in the editor - the front end has no block-editor
   wrapper classes. The block's own `.block-editor-block-list__layout` (also
   position:relative in core) is the positioning context. */
.block-editor-block-list__layout p.bw-scorecard-stamp {
	position: absolute;
}