/*
Theme Name:   KC-Dev
Theme URI:    https://wp-dev.kcnet.in
Author:       KC-Dev
Author URI:   mailto:dev@wp-dev.kcnet.in
Description:  Dense, square-cornered showcase theme for plugins developed in the KC-Dev environment.
Version:      1.1.0
Requires PHP: 8.0
License:      GPL-2.0-or-later
Text Domain:  kcdev
*/

:root {
	--kcdev-ink: #0f172a;
	--kcdev-muted: #475569;
	--kcdev-faint: #64748b;
	--kcdev-line: #e2e8f0;
	--kcdev-bg: #f8fafc;
	--kcdev-accent: #4338ca;
	--kcdev-accent-dark: #1e1b4b;
}

* { box-sizing: border-box; }

body {
	margin: 0;
	background: var(--kcdev-bg);
	color: var(--kcdev-ink);
	font: 15px/1.6 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

a { color: var(--kcdev-accent); }
img { max-width: 100%; height: auto; }
code {
	padding: 1px 5px;
	background: #eef2ff;
	color: var(--kcdev-accent-dark);
	font-size: 0.9em;
}

.kcdev-container {
	max-width: 1080px;
	margin: 0 auto;
	padding: 0 20px;
}

/* Site header */
.site-header {
	background: linear-gradient(135deg, var(--kcdev-accent-dark) 0%, var(--kcdev-accent) 100%);
	color: #fff;
}
.site-header .kcdev-container {
	display: flex;
	align-items: center;
	gap: 16px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.site-branding { display: flex; align-items: center; gap: 10px; }
.site-branding img { display: block; height: 36px; width: auto; }
.site-title {
	margin: 0;
	font-size: 18px;
	font-weight: 700;
}
.site-title a { color: #fff; text-decoration: none; }
.site-tagline {
	margin: 0;
	color: rgba(255, 255, 255, 0.75);
	font-size: 12px;
}
.site-nav { margin-left: auto; }
.site-nav ul { display: flex; gap: 4px; list-style: none; margin: 0; padding: 0; }
.site-nav a {
	display: block;
	padding: 6px 12px;
	color: rgba(255, 255, 255, 0.9);
	font-size: 13px;
	font-weight: 600;
	text-decoration: none;
}
.site-nav a:hover { background: rgba(255, 255, 255, 0.12); color: #fff; }

/* Hero */
.kcdev-hero {
	background: linear-gradient(135deg, var(--kcdev-accent-dark) 0%, var(--kcdev-accent) 100%);
	color: #fff;
	padding: 34px 0 40px;
}
.kcdev-hero h1 { margin: 0 0 8px; font-size: 30px; line-height: 1.2; }
.kcdev-hero p { margin: 0; max-width: 640px; color: rgba(255, 255, 255, 0.85); }

/* Sections */
.kcdev-section { padding: 28px 0 8px; }
.kcdev-section-title {
	margin: 0 0 4px;
	font-size: 13px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	color: var(--kcdev-accent);
}
.kcdev-section-sub { margin: 0 0 16px; color: var(--kcdev-faint); font-size: 13px; }

/* Home layout: posts left, right panel */
.kcdev-home-columns {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 300px;
	gap: 16px;
	align-items: start;
}
@media (max-width: 900px) {
	.kcdev-home-columns { grid-template-columns: 1fr; }
}

/* Right-panel widgets */
.site-sidebar { padding-top: 28px; }
.kcdev-widget {
	margin-bottom: 12px;
	padding: 12px 14px;
	background: #fff;
	border: 1px solid var(--kcdev-line);
}
.kcdev-widget-title {
	margin: 0 0 6px;
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	color: var(--kcdev-accent);
}
.kcdev-widget-plugins { list-style: none; margin: 0; padding: 0; }
.kcdev-widget-plugins li { padding: 9px 0 4px; border-top: 1px solid #f1f5f9; }
.kcdev-widget-plugins li:first-child { border-top: 0; padding-top: 0; }
.kcdev-widget-plugins strong { font-size: 14px; }
.kcdev-widget-plugins p { margin: 3px 0 6px; color: var(--kcdev-muted); font-size: 12px; }
.kcdev-plugin-version {
	display: inline-block;
	margin-left: 8px;
	padding: 0 7px;
	background: #eef2ff;
	color: var(--kcdev-accent);
	font-size: 11px;
	font-weight: 700;
}
.kcdev-plugin-shortcode {
	display: block;
	margin-bottom: 6px;
	padding: 5px 8px;
	background: #0f172a;
	color: #e2e8f0;
	font-family: Menlo, Consolas, monospace;
	font-size: 11px;
	overflow-x: auto;
	white-space: nowrap;
}
.kcdev-plugin-download {
	display: inline-block;
	margin-top: 2px;
	padding: 5px 12px;
	background: var(--kcdev-accent);
	border: 1px solid var(--kcdev-accent);
	color: #fff;
	font-size: 12px;
	font-weight: 600;
	text-decoration: none;
}
.kcdev-plugin-download:hover { background: var(--kcdev-accent-dark); border-color: var(--kcdev-accent-dark); color: #fff; }
.kcdev-plugin-license {
	display: inline-block;
	margin-left: 6px;
	padding: 0 7px;
	background: #fef3c7;
	color: #92400e;
	font-size: 11px;
	font-weight: 700;
}

/* Posts */
.kcdev-post {
	margin: 0 0 12px;
	padding: 16px 18px;
	background: #fff;
	border: 1px solid var(--kcdev-line);
}
.kcdev-post h2, .kcdev-post h1 { margin: 0 0 4px; font-size: 20px; }
.kcdev-post h2 a { color: var(--kcdev-ink); text-decoration: none; }
.kcdev-post h2 a:hover { color: var(--kcdev-accent); }
.kcdev-post-meta { margin: 0 0 10px; color: var(--kcdev-faint); font-size: 12px; }
.kcdev-post-content > :first-child { margin-top: 0; }
.kcdev-post-content > :last-child { margin-bottom: 0; }

/* Comments */
.kcdev-comments { padding: 16px 18px; background: #fff; border: 1px solid var(--kcdev-line); }
.kcdev-comments h2 { margin: 0 0 12px; font-size: 16px; }
.kcdev-comments ol { list-style: none; margin: 0; padding: 0; }
.kcdev-comments li { padding: 10px 0; border-top: 1px solid #f1f5f9; }
.kcdev-comments .comment-meta { font-size: 12px; color: var(--kcdev-faint); }
.kcdev-comments .comment-content { font-size: 14px; }
.comment-form label { display: block; font-size: 12px; font-weight: 600; margin-bottom: 2px; }
.comment-form input[type="text"], .comment-form input[type="email"],
.comment-form input[type="url"], .comment-form textarea {
	width: 100%;
	max-width: 560px;
	padding: 6px 8px;
	border: 1px solid #cbd5e1;
	font: inherit;
}
.comment-form .submit,
.wp-block-button__link, button, input[type="submit"] {
	padding: 7px 16px;
	background: var(--kcdev-accent);
	border: 1px solid var(--kcdev-accent);
	color: #fff;
	font-weight: 600;
	cursor: pointer;
}

/* Footer */
.site-footer {
	margin-top: 32px;
	padding: 14px 0;
	background: var(--kcdev-accent-dark);
	color: rgba(255, 255, 255, 0.7);
	font-size: 12px;
}
.site-footer a { color: #c7d2fe; text-decoration: none; }

/* Main column */
.site-main { padding: 24px 0; }