.prg-icon-heading-wrap {
	margin: 0;
}

.prg-icon-heading-wrap h2,
.prg-icon-heading-wrap h3 {
	margin: inherit;
}

/* Editor canvas — mirror front-end icon heading styles */
.editor-styles-wrapper .prg-icon-heading-wrap.is-editor,
.block-editor-block-list__layout .prg-icon-heading-wrap.is-editor {
	margin: 20px 0 12px;
}

.editor-styles-wrapper .prg-icon-heading-wrap.is-editor .prg-icon-heading__heading,
.block-editor-block-list__layout .prg-icon-heading-wrap.is-editor .prg-icon-heading__heading {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
	margin: 0;
	padding-bottom: 8px;
	border-bottom: 2px solid var(--page-border, #e2e8f0);
	color: var(--page-secondary, #002b5b);
	font-weight: 600;
	position: relative;
	width: 100%;
	box-sizing: border-box;
}

.editor-styles-wrapper .prg-icon-heading-wrap.is-editor h2.prg-icon-heading__heading::after,
.block-editor-block-list__layout .prg-icon-heading-wrap.is-editor h2.prg-icon-heading__heading::after {
	content: '';
	position: absolute;
	bottom: -2px;
	left: 0;
	width: 30px;
	height: 3px;
	background: var(--page-secondary, #002b5b);
	border-radius: 2px;
}

.editor-styles-wrapper .prg-icon-heading-wrap.is-editor h2.prg-icon-heading__heading,
.block-editor-block-list__layout .prg-icon-heading-wrap.is-editor h2.prg-icon-heading__heading {
	font-size: 1.3rem;
}

.editor-styles-wrapper .prg-icon-heading-wrap.is-editor h3.prg-icon-heading__heading,
.block-editor-block-list__layout .prg-icon-heading-wrap.is-editor h3.prg-icon-heading__heading {
	font-size: 1.1rem;
}

.editor-styles-wrapper .prg-icon-heading-wrap.is-editor .prg-icon-heading__icon-slot,
.block-editor-block-list__layout .prg-icon-heading-wrap.is-editor .prg-icon-heading__icon-slot {
	display: inline-flex;
	align-items: center;
	flex-shrink: 0;
}

.editor-styles-wrapper .prg-icon-heading-wrap.is-editor .prg-editable-icon i,
.editor-styles-wrapper .prg-icon-heading-wrap.is-editor .prg-icon-heading__icon-slot > i,
.block-editor-block-list__layout .prg-icon-heading-wrap.is-editor .prg-editable-icon i,
.block-editor-block-list__layout .prg-icon-heading-wrap.is-editor .prg-icon-heading__icon-slot > i {
	color: var(--page-primary, #00a89e);
	font-size: 1em;
}

.editor-styles-wrapper .prg-icon-heading-wrap.is-editor .prg-icon-heading__text,
.block-editor-block-list__layout .prg-icon-heading-wrap.is-editor .prg-icon-heading__text {
	flex: 1;
	min-width: 0;
}

.editor-styles-wrapper .prg-icon-heading-wrap.is-editor .prg-icon-heading__add-icon-btn,
.block-editor-block-list__layout .prg-icon-heading-wrap.is-editor .prg-icon-heading__add-icon-btn {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 4px 10px;
	border: 1px dashed #c3d4e8;
	border-radius: 6px;
	background: #f8fbff;
	color: #64748b;
	font-size: 12px;
	cursor: pointer;
}

.editor-styles-wrapper .prg-icon-heading-wrap.is-editor .prg-icon-heading__add-icon-btn:hover,
.block-editor-block-list__layout .prg-icon-heading-wrap.is-editor .prg-icon-heading__add-icon-btn:hover {
	border-color: var(--page-primary, #00a89e);
	color: var(--page-secondary, #002b5b);
}

.prg-icon-heading-inspector-icon {
	margin-top: 8px;
}

.prg-icon-heading-inspector-icon .components-base-control__label {
	display: block;
	margin-bottom: 8px;
	font-size: 11px;
	font-weight: 500;
	text-transform: uppercase;
}

/* Front-end — icon headings inherit .page-content h2/h3 styles from page.css */
.page-content .prg-icon-heading-wrap {
  margin: 0;
  width: 100%;
}

.page-content .prg-icon-heading-wrap h2,
.page-content .prg-icon-heading-wrap h3 {
  width: 100%;
  box-sizing: border-box;
}

.page-content .prg-icon-heading-wrap h2 i,
.page-content .prg-icon-heading-wrap h3 i {
  margin-right: 8px;
  color: var(--page-primary);
  flex-shrink: 0;
}