/* TM Gutenberg Addon — Frontend text-alignment classes
   WordPress writes has-text-align-* to block HTML via getSaveContent.extraProps.
   These rules ensure the classes render on the frontend (they are already
   present in editor.css for the editor canvas). */

.has-text-align-left    { text-align: left    !important; }
.has-text-align-center  { text-align: center  !important; }
.has-text-align-right   { text-align: right   !important; }
.has-text-align-justify { text-align: justify !important; }

/* ── TM Hero Badge (tm/hero-badge block) ──
   Styles for the native Gutenberg block output.
   Full-design-system version is in tm-blocks.css (scoped to .tm-blocks-page).
   This file ensures the block renders correctly on ALL pages. */

.tm-hero-badge_outer {
	display: block;
}

.tm-hero-badge {
	display:       inline-flex;
	align-items:   center;
	gap:           8px;
	background:    rgba(128, 128, 0, 0.12);
	border:        1px solid rgba(128, 128, 0, 0.25);
	border-radius: 9999px;
	padding:       6px 18px 6px 12px;
	margin-bottom: 28px;
}

.tm-hero-badge-dot {
	width:         7px;
	height:        7px;
	border-radius: 50%;
	background:    #9a9a00;
	box-shadow:    0 0 8px #9a9a00;
	display:       inline-block;
	flex-shrink:   0;
}

.tm-hero-badge-text {
	font-size:      12.5px;
	font-weight:    600;
	color:          #9a9a00;
	letter-spacing: 0.5px;
	line-height:    1.4;
}