/*
Theme Name: kmfun Flow
Theme URI: https://gokmfun.com/
Author: kmfun
Description: Blueprint-style block theme for notes on industrial automation, software and AI workflows. Card-grid homepage with cover images and fixed-length excerpts.
Version: 1.0.0
Requires at least: 6.4
Tested up to: 6.8
Requires PHP: 7.4
License: GPLv2 or later
Text Domain: kmfun-flow
*/

/* ---------- Cards ---------- */
.kf-card {
	height: 100%;
	background: var(--wp--preset--color--white);
	border: 1px solid var(--wp--preset--color--line);
	border-radius: 14px;
	overflow: hidden;
	transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.kf-card:hover {
	transform: translateY(-3px);
	border-color: var(--wp--preset--color--teal);
	box-shadow: 0 12px 28px rgba(15, 27, 45, .10);
}
.kf-card .wp-block-post-featured-image { margin: 0; }
.kf-card .wp-block-post-featured-image img { display: block; width: 100%; height: 100%; object-fit: cover; }
.kf-card-body { padding: 18px 20px 20px; }
.kf-card .wp-block-post-title a { text-decoration: none; color: inherit; }
.kf-card .wp-block-post-title a:hover { color: var(--wp--preset--color--teal-dark); }
.kf-card .wp-block-post-excerpt__excerpt { margin: 0; }
.kf-card .wp-block-post-excerpt__more-text { display: none; }

/* Category chip */
.kf-chip a,
.kf-chip {
	text-decoration: none;
}
.kf-chip a {
	display: inline-block;
	padding: 2px 10px;
	border-radius: 999px;
	background: rgba(20, 184, 166, .10);
	color: var(--wp--preset--color--teal-dark);
	font-weight: 600;
}

/* ---------- Hero ---------- */
.kf-hero {
	background-color: var(--wp--preset--color--navy);
	background-image:
		linear-gradient(rgba(255,255,255,.05) 1px, transparent 1px),
		linear-gradient(90deg, rgba(255,255,255,.05) 1px, transparent 1px),
		linear-gradient(135deg, var(--wp--preset--color--navy), var(--wp--preset--color--navy-2));
	background-size: 40px 40px, 40px 40px, 100% 100%;
}
.kf-accent-bar { width: 56px; height: 5px; background: var(--wp--preset--color--amber); border: 0; margin: 0; }
.kf-hero .kf-accent-bar { margin-top: 18px; }
.kf-hero-chips a {
	display: inline-block;
	margin: 0 8px 8px 0;
	padding: 6px 14px;
	border: 1px solid rgba(20, 184, 166, .6);
	border-radius: 999px;
	color: #ccfbf1;
	text-decoration: none;
	font-size: .9rem;
}
.kf-hero-chips a:hover { background: rgba(20, 184, 166, .18); }

/* ---------- Header ---------- */
.kf-header { border-bottom: 1px solid rgba(255,255,255,.08); }
.kf-header .wp-block-site-title a { text-decoration: none; }
.kf-logo-dot { display: inline-block; width: 10px; height: 10px; border-radius: 3px; background: var(--wp--preset--color--amber); margin-right: 10px; }

/* ---------- Single post ---------- */
.kf-single-cover img { border-radius: 16px; }
main > .wp-block-post-content { max-width: none; }
.wp-block-post-content img { border-radius: 12px; border: 1px solid var(--wp--preset--color--line); }
.wp-block-post-content figure figcaption { color: var(--wp--preset--color--muted); font-size: .88rem; text-align: center; }
.wp-block-post-content h2 {
	padding-left: 14px;
	border-left: 5px solid var(--wp--preset--color--amber);
}
.wp-block-post-content blockquote {
	border-left: 4px solid var(--wp--preset--color--teal);
	background: rgba(20, 184, 166, .06);
	padding: 14px 20px;
	border-radius: 0 10px 10px 0;
}
.wp-block-post-content pre.wp-block-code {
	background: var(--wp--preset--color--navy);
	color: #e2e8f0;
	border-radius: 12px;
	padding: 18px 20px;
	border: 0;
	overflow-x: auto;
}
.wp-block-post-content :not(pre) > code {
	background: rgba(15, 27, 45, .07);
	padding: 1px 6px;
	border-radius: 5px;
	font-size: .9em;
}

/* ---------- Pagination / misc ---------- */
.wp-block-query-pagination a { text-decoration: none; }
@media (max-width: 781px) {
	.kf-hero h1 { font-size: 2rem !important; }
}