/*
 * Honeycomb AEO — Frontend stylesheet
 * Critical styles are injected inline by hcai_render_block() to guarantee
 * they load even when Kadence or other optimisers defer external CSS.
 * This file handles only supplementary / editor-preview styles.
 */

/* Block wrapper — fill the content column */
.wp-block-honeycomb-ai-summary,
.hcai-wrap,
.hcai-block {
	width:     100%;
	max-width: 100%;
	box-sizing: border-box;
}

.hcai-wrap {
	display:      block;
	width:          100%;
	max-width:      100%;
	clear:          both;
	float:          none;
	position:       static;
	margin:         1.5em 0;
}

.hcai-clear {
	clear:      both;
	display:    block;
	width:      100%;
	height:     0;
	overflow:   hidden;
	float:      none;
	margin:     0;
	padding:    0;
	border:     0;
}

.hcai-flex-break {
	flex-basis: 100%;
	width:      0;
	height:     0;
	overflow:   hidden;
	float:      none;
	margin:     0;
	padding:    0;
	border:     0;
}

figure:has( + .hcai-flex-break ),
.wp-block-image:has( + .hcai-flex-break ) {
	flex:          0 0 auto;
	flex-shrink:   0;
	max-width:     100%;
}

/* ── Editor preview wrapper ─────────────────────────────────────────────── */
.hcai-editor-wrapper {
	border-radius: 10px;
	overflow:      hidden;
}

/* ── Kadence-specific resets ────────────────────────────────────────────── */
.entry-content .wp-block-honeycomb-ai-summary,
.kb-block-layout-column .wp-block-honeycomb-ai-summary,
.entry-content .hcai-wrap,
.kb-block-layout-column .hcai-wrap,
.entry-content .hcai-block,
.kb-block-layout-column .hcai-block {
	width:     100%;
	max-width: 100%;
}
.entry-content .hcai-block .hcai-list,
.kb-block-layout-column .hcai-block .hcai-list {
	list-style: none !important;
	padding:    0    !important;
	margin:     0 0 18px !important;
}

.entry-content .hcai-block .hcai-list li::before,
.kb-block-layout-column .hcai-block .hcai-list li::before {
	display: none !important;
}

.entry-content .hcai-block .hcai-btn,
.kb-block-layout-column .hcai-block .hcai-btn {
	border-radius: 50px !important;
	text-decoration: none !important;
}

/* ── Mobile ─────────────────────────────────────────────────────────────── */
@media ( max-width: 480px ) {
	.hcai-block {
		border-radius: 10px;
	}
	.hcai-block .hcai-btn--wide {
		font-size: .80rem !important;
	}
}