/*
Theme Name: KMoto Service Theme v2
Theme URI: https://example.com/kmoto-service-theme-v2
Author: ChatGPT
Description: Minimal service theme with a fixed left sidebar (Service List, Calendar, Parts Catalog). No header gap. Links resolve by page slugs (no hard-coded IDs).
Version: 2.0.0
License: GPLv2 or later
Text Domain: kmoto-service
*/

/* Reset & base */
* { box-sizing: border-box; }
html, body { height: 100%; }
html { scroll-behavior: smooth; }
body { margin: 0; font-family: system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji"; color: #e6edf3; background: #0f172a; }

/* Layout */
#kmoto-app { display: grid; grid-template-columns: 260px 1fr; min-height: 100vh; }
#kmoto-sidebar { background: #0b1220; border-right: 1px solid rgba(255,255,255,0.06); padding: 22px 18px; position: sticky; top: 0; height: 100vh; }
#kmoto-main { background: #0f172a; padding: 28px; }
.kmoto-logo { display:flex; align-items:center; gap:10px; margin-bottom: 20px; font-weight: 700; font-size: 20px; }
.kmoto-logo .emoji { font-size: 20px; }
.kmoto-divider { height: 1px; width: 100%; background: rgba(255,255,255,0.06); margin: 14px 0 10px; }

.kmoto-nav { list-style: none; padding: 0; margin: 16px 0 26px; display: grid; gap: 8px; }
.kmoto-nav a { display: block; text-decoration: none; color: #c8d2e0; padding: 12px 14px; border-radius: 10px; transition: transform .06s ease, background .2s ease, color .2s ease; }
.kmoto-nav a:hover { background: rgba(148,163,184,.12); transform: translateY(-1px); }
.kmoto-nav .active > a { background: #1d2a44; color: #fff; box-shadow: 0 10px 24px rgba(0,0,0,.20), inset 0 0 0 1px rgba(255,255,255,.06); }

.kmoto-credit { color: #94a3b8; font-size: 12px; opacity: .85; position: absolute; bottom: 18px; left: 18px; right: 18px; }

/* Content styles */
.kmoto-card { background: #0b1220; border: 1px solid rgba(255,255,255,0.06); border-radius: 16px; padding: 18px; box-shadow: 0 8px 30px rgba(0,0,0,.25); }
.kmoto-prose h1, .kmoto-prose h2, .kmoto-prose h3 { margin: 0 0 14px; }
.kmoto-prose > * + * { margin-top: 14px; }
.kmoto-prose a { color: #8ab4ff; }

/* Remove default WP theme gaps / titles in this layout */
.entry-title, .page-title, h1.entry-title { display:none !important; }
#wpadminbar { position: fixed; } /* keep admin bar fixed without shifting layout */
body.admin-bar #kmoto-main { padding-top: 46px; } /* small breathing room when logged-in */

/* Make images/media responsive */
.kmoto-prose img, .kmoto-prose video, .kmoto-prose iframe { max-width: 100%; height: auto; border-radius: 10px; }