/* Editor-canvas preview of the section Number Badge.

   IMPORTANT — the editor and the front end use DIFFERENT inner-wrapper classes
   for a Kadence Column (kadence/column):
     - front end (saved markup):  .kt-inside-inner-col   (see bw-sectionnum.css)
     - editor canvas (edit DOM):  .kadence-inner-column-inner
   So this file targets the EDITOR class. The front end injects a real
   <span class="bw-section-num">; in the editor we render the identical badge as a
   ::before on the section's inner wrapper, with the number supplied via the
   --bw-sn-text custom property set by bw-sectionnum-editor.js (BlockListBlock
   filter). Keep the badge declarations in sync with assets/bw-sectionnum.css. */

.bw-sn-edit .kadence-inner-column-inner {
	position: relative;
}

.bw-sn-edit .kadence-inner-column-inner::before {
	content: var(--bw-sn-text, "");
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3;
	margin: 0.25rem;
	min-width: 2rem;
	padding: 0.25rem 0.5rem;
	display: grid;
	place-items: center;
	background: rgba(63, 63, 70, 0.8);
	color: #fff;
	font-family: "Oswald", "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	font-size: 1.25rem;
	font-weight: 700;
	line-height: 1.4;
	text-align: center;
	text-shadow: 1px 1px 0 #222;
	pointer-events: none;
}