/*
Theme Name: ArtJourney10k
Theme URI: https://example.com
Author: ArtJourney10k
Description: Companion theme for the ArtJourney10k Daily Journal plugin. Styles the homepage, journal archive, and any regular pages/posts to match the daily-journal aesthetic (serif headings, monospace labels, warm orange accents). Single journal entries are rendered by the plugin itself.
Version: 1.0.0
Requires PHP: 7.4
Text Domain: artjourney10k-theme
*/

:root {
	--aj10k-accent: #c2540b;
	--aj10k-accent-bg: #fbe9db;
	--aj10k-border: #e8e6e2;
	--aj10k-bg: #fafaf9;
	--aj10k-card: #ffffff;
	--aj10k-text: #1c1a17;
	--aj10k-muted: #767267;
	--aj10k-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
	--aj10k-serif: Georgia, 'Iowan Old Style', 'Palatino Linotype', serif;
	--aj10k-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
}

* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { background: var(--aj10k-bg); color: var(--aj10k-text); font-family: var(--aj10k-sans); margin: 0; line-height: 1.5; }
a { color: inherit; }
img { max-width: 100%; height: auto; display: block; }

.aj10k-page { max-width: 1000px; margin: 0 auto; padding: 0 24px 60px; }

/* Top bar (shared header across the theme) */
.aj10k-topbar { display: flex; align-items: center; justify-content: space-between; padding: 22px 0 14px; flex-wrap: wrap; gap: 10px; }
.aj10k-topbar-left { display: flex; align-items: center; gap: 10px; }
.aj10k-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--aj10k-accent); display: inline-block; }
.aj10k-logo { font-family: var(--aj10k-serif); font-size: 22px; text-decoration: none; color: var(--aj10k-text); }
.aj10k-tagline { font-family: var(--aj10k-mono); font-size: 11px; letter-spacing: .08em; color: var(--aj10k-muted); }
.aj10k-topbar-right { font-family: var(--aj10k-mono); font-size: 13px; color: var(--aj10k-muted); }

.aj10k-subnav { display: flex; justify-content: space-between; align-items: center; border-top: 1px solid var(--aj10k-border); border-bottom: 1px solid var(--aj10k-border); padding: 12px 0; font-family: var(--aj10k-mono); font-size: 13px; flex-wrap: wrap; gap: 10px; }
.aj10k-subnav-left { display: flex; align-items: center; gap: 22px; }
.aj10k-subnav-left a { text-decoration: none; color: var(--aj10k-muted); }
.aj10k-subnav-left a.active { color: var(--aj10k-accent); border-bottom: 2px solid var(--aj10k-accent); padding-bottom: 10px; }
.aj10k-subnav-right { color: var(--aj10k-muted); display: flex; align-items: center; gap: 6px; }
.aj10k-status-dot { width: 7px; height: 7px; border-radius: 50%; background: #3a9d5d; display: inline-block; }
.aj10k-pill { background: var(--aj10k-accent-bg); color: var(--aj10k-accent); font-family: var(--aj10k-mono); font-size: 11px; padding: 3px 9px; border-radius: 5px; white-space: nowrap; }
.aj10k-pill-outline { border: 1px solid var(--aj10k-border); font-family: var(--aj10k-mono); font-size: 11px; padding: 3px 9px; border-radius: 5px; }

/* Page header */
.aj10k-page-title { font-family: var(--aj10k-serif); font-size: 34px; margin: 30px 0 6px; }
.aj10k-page-subtitle { color: var(--aj10k-muted); margin: 0 0 26px; }

/* Journal feed (home/archive list of entries) */
.aj10k-feed { display: flex; flex-direction: column; gap: 14px; }
.aj10k-feed-card { display: block; text-decoration: none; color: inherit; background: var(--aj10k-card); border: 1px solid var(--aj10k-border); border-radius: 10px; padding: 18px 20px; transition: border-color .15s ease; }
.aj10k-feed-card:hover { border-color: var(--aj10k-accent); }
.aj10k-feed-top { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin-bottom: 6px; }
.aj10k-feed-title { font-family: var(--aj10k-serif); font-size: 21px; margin: 0 0 6px; }
.aj10k-feed-meta { font-family: var(--aj10k-mono); font-size: 12px; color: var(--aj10k-muted); display: flex; gap: 16px; flex-wrap: wrap; }

/* Generic page/post content (for regular WP pages, not journal entries) */
.aj10k-content { background: var(--aj10k-card); border: 1px solid var(--aj10k-border); border-radius: 10px; padding: 26px 28px; margin-top: 20px; }
.aj10k-content h1, .aj10k-content h2, .aj10k-content h3 { font-family: var(--aj10k-serif); }
.aj10k-content p { line-height: 1.7; }

.aj10k-empty { color: var(--aj10k-muted); font-style: italic; padding: 30px 0; }

.aj10k-pagination { display: flex; justify-content: space-between; margin-top: 26px; font-family: var(--aj10k-mono); font-size: 13px; }
.aj10k-pagination a { text-decoration: none; color: var(--aj10k-accent); }

.aj10k-footer { text-align: center; color: var(--aj10k-muted); font-family: var(--aj10k-mono); font-size: 12px; padding-top: 40px; }

.aj10k-widget-area { margin-top: 30px; }
.widget { background: var(--aj10k-card); border: 1px solid var(--aj10k-border); border-radius: 10px; padding: 18px 20px; margin-bottom: 16px; }
.widget-title { font-family: var(--aj10k-mono); font-size: 12px; letter-spacing: .05em; color: var(--aj10k-accent); text-transform: uppercase; margin: 0 0 10px; }