/*
 * 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-slot,
.hcai-wrap,
.hcai-block {
	width:     100%;
	max-width: 100%;
	box-sizing: border-box;
}

.hcai-slot {
	display:  block;
	clear:    both;
	float:    none;
	margin:   1.5em 0;
	overflow: visible;
}

.hcai-wrap {
	display:  block;
	clear:    both;
	float:    none;
	position: static;
	margin:   0;
	overflow: visible;
}

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

/* ── Kadence-specific resets ────────────────────────────────────────────── */
.entry-content .wp-block-honeycomb-ai-summary,
.kb-block-layout-column .wp-block-honeycomb-ai-summary,
.entry-content .hcai-slot,
.kb-block-layout-column .hcai-slot,
.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;
}

/* ── Minimal theme (supplementary) ──────────────────────────────────────── */
.hcai-block--minimal {
	background:    var( --hcai-minimal-bg, #fff );
	border:        1px solid var( --hcai-minimal-border, #e8e8e8 );
	border-radius: 22px;
	box-shadow:    0 1px 3px rgba( 0, 0, 0, .04 );
	position:      relative;
	overflow:      visible;
}

.hcai-block--minimal .hcai-heading {
	font-weight:    500;
	letter-spacing: -.01em;
	display:        flex;
	align-items:    center;
	gap:            10px;
}

.hcai-block--minimal .hcai-heading-icon {
	width:           var( --hcai-icon-badge-size, 40px );
	height:          var( --hcai-icon-badge-size, 40px );
	border-radius:   50%;
	background:      var( --hcai-icon-badge-bg, #d4e8d4 );
	display:         inline-flex;
	align-items:     center;
	justify-content: center;
	flex-shrink:     0;
	box-shadow:      0 1px 2px rgba( 0, 0, 0, .06 );
}

.hcai-block--minimal .hcai-heading-icon svg {
	width:        calc( var( --hcai-icon-badge-size, 40px ) * .52 );
	height:       calc( var( --hcai-icon-badge-size, 40px ) * .52 );
	stroke-width: 2;
}

.hcai-block--minimal .hcai-list {
	list-style:   disc;
	padding-left: 1.35em;
}

.hcai-block--minimal .hcai-list .hcai-item {
	display: list-item;
}

.hcai-block--minimal .hcai-item .hcai-icon {
	display: none;
}

.hcai-block--minimal .hcai-footer {
	border-top-color: #ececec;
}

.hcai-block--minimal .hcai-btn {
	background:    #fff;
	border:        1.5px solid #d4d4d4;
	border-radius: 8px;
	font-weight:   500;
}

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