/**
 * Farm Story Split widget styles.
 *
 * Purpose: Inline styles of the story sections ported to classes: button wrapper margin-top 24px
 *          (index.html L169), inline checklist (sapi-qurban.html L290–302), detailed tips list
 *          (cara-pemesanan.html L205–231).
 * Dependencies: assets/css/base.css (.acfarm_split_grid, .acfarm_image_card).
 * Consumers: Widget acfarm_story.
 * Since: 0.1.0 Initial introduction; see CHANGELOG.md.
 */

.acfarm_story_buttons {
	margin-top: 24px;
}

.acfarm_story_checklist {
	list-style: none;
	display: flex;
	flex-direction: column;
}

.acfarm_story_checklist_inline {
	gap: 12px;
	margin: 20px 0 28px;
}

.acfarm_story_checklist_inline + .acfarm_story_buttons {
	margin-top: 0;
}

.acfarm_story_checklist_inline .acfarm_story_check {
	display: flex;
	gap: 10px;
	align-items: center;
	color: var(--acfarm_color_coffee);
}

.acfarm_story_checklist_inline .acfarm_icon {
	color: var(--acfarm_color_blue);
	font-size: 16px;
	flex-shrink: 0;
}

.acfarm_story_checklist_inline .acfarm_icon svg { width: 18px; height: 18px; fill: currentColor; }

.acfarm_story_checklist_detailed {
	gap: 14px;
	margin-top: 20px;
}

.acfarm_story_checklist_detailed .acfarm_story_check {
	display: flex;
	gap: 12px;
	align-items: flex-start;
}

.acfarm_story_check_icon {
	width: 28px;
	height: 28px;
	border-radius: 50%;
	background: var(--acfarm_color_blue_soft);
	color: var(--acfarm_color_blue);
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	font-weight: 700;
	font-size: 0.85rem;
}

.acfarm_story_check_icon svg { width: 14px; height: 14px; fill: currentColor; }

.acfarm_story_checklist_detailed strong {
	color: var(--acfarm_color_coffee);
}

.acfarm_story_checklist_detailed p {
	font-size: 0.9rem;
	margin-bottom: 0;
}