/*
Theme Name: Doorway Clawbot Console
Template: frost
Description: Agent command-center aesthetic for the OpenClaw ecosystem. IBM Plex Mono + Inter, slate + amber palette, animated status indicators, dashboard hero.
Author: Doorway
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: doorway-clawbot-console
*/

@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600;700&family=Inter:wght@400;500&display=swap');

body { font-family: "Inter", system-ui, sans-serif; font-size: 1rem; line-height: 1.7; color: #E2E4E9; background: #0E1116; }
h1, h2, h3 { font-family: "IBM Plex Mono", "Fira Code", monospace; font-weight: 600; line-height: 1.2; color: #E6B450; }
h1 { font-size: clamp(1.8rem, 4vw, 2.6rem); }
h2 { font-size: clamp(1.4rem, 3vw, 1.9rem); }
h3 { font-size: clamp(1.1rem, 2vw, 1.4rem); }
a { color: #E6B450; text-decoration: none; transition: color 0.2s; }
a:hover { color: #6FD9DB; }

/* ── Status Indicator ────────────────────────────────────────── */
.status-online, .status-offline { display: inline-block; width: 8px; height: 8px; border-radius: 50%; margin-right: 6px; vertical-align: middle; }
.status-online { background: #6FD9DB; animation: pulse-glow 2s ease-in-out infinite; }
.status-offline { background: #D04848; }
@keyframes pulse-glow { 0%, 100% { box-shadow: 0 0 4px #6FD9DB; } 50% { box-shadow: 0 0 12px #6FD9DB; } }
@media (prefers-reduced-motion: reduce) { .status-online { animation: none; } }

/* ── Dashboard Hero ──────────────────────────────────────────── */
.console-hero { background: #14181E; padding: 3rem 2rem; border-bottom: 1px solid #2A2E36; }
.console-hero h1 { color: #E6B450; margin-bottom: 0.5rem; }
.console-hero .wp-block-post-excerpt { color: #9CA3AF; font-size: 1.05rem; }
.console-hero .dashboard-stats {
  display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 16px; margin-top: 2rem;
}
.console-hero .stat-card {
  background: #0E1116; border: 1px solid #2A2E36; border-radius: 8px; padding: 1.25rem;
  font-family: "IBM Plex Mono", monospace; font-size: 0.85rem; color: #9CA3AF;
}
.console-hero .stat-card .stat-value { font-size: 1.5rem; font-weight: 700; color: #E6B450; display: block; margin-bottom: 4px; }

/* ── Status Card Grid ────────────────────────────────────────── */
.console-grid .wp-block-post-template { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.console-grid .wp-block-post {
  background: #14181E; border: 1px solid #2A2E36; border-radius: 8px;
  overflow: hidden; transition: border-color 0.2s;
}
.console-grid .wp-block-post:hover { border-color: #E6B450; }
.console-grid .wp-block-post-featured-image { aspect-ratio: 16/9; overflow: hidden; }
.console-grid .wp-block-post-featured-image img { width: 100%; height: 100%; object-fit: cover; opacity: 0.8; transition: opacity 0.2s; }
.console-grid .wp-block-post:hover .wp-block-post-featured-image img { opacity: 1; }
.console-grid .wp-block-post-title { font-family: "IBM Plex Mono", monospace; font-size: 0.95rem; padding: 1rem; }
.console-grid .wp-block-post-title a { color: #E2E4E9; }
.console-grid .wp-block-post-title a:hover { color: #E6B450; }
.console-grid .wp-block-post-date { padding: 0 1rem 1rem; font-size: 0.75rem; color: #6FD9DB; font-family: "IBM Plex Mono", monospace; }

/* ── Terminal Block ──────────────────────────────────────────── */
.console-terminal {
  background: #0E1116; border: 1px solid #2A2E36; border-radius: 8px; padding: 1.5rem;
  font-family: "IBM Plex Mono", monospace; font-size: 0.85rem; color: #6FD9DB;
  line-height: 1.8; overflow-x: auto;
}
.console-terminal::before { content: "$ "; color: #E6B450; }

/* ── Nav ─────────────────────────────────────────────────────── */
.site-header { position: sticky; top: 0; z-index: 100; background: #0E1116; border-bottom: 1px solid #2A2E36; }
.site-header .wp-block-navigation a { color: #9CA3AF !important; text-decoration: none; padding: 10px 14px; min-height: 44px; display: inline-flex; align-items: center; font-family: "IBM Plex Mono", monospace; font-size: 0.82rem; }
.site-header .wp-block-navigation a:hover { color: #E6B450 !important; }
.site-header .wp-block-site-title a { font-family: "IBM Plex Mono", monospace; font-size: 1.2rem; font-weight: 700; color: #E6B450 !important; text-decoration: none; }

/* ── Footer ──────────────────────────────────────────────────── */
.site-footer { background: #0E1116; border-top: 1px solid #2A2E36; padding: 3rem 0 2rem; margin-top: 4rem; font-size: 0.85rem; color: #6B7280; }
.site-footer a { color: #E6B450; }
.site-footer .powered-by { font-size: 0.75rem; color: #4B5563; margin-top: 1rem; }
.site-footer .powered-by a { color: #6FD9DB; }

/* ── Mobile ──────────────────────────────────────────────────── */
@media (max-width: 768px) {
  .console-grid .wp-block-post-template { grid-template-columns: 1fr; }
  .console-hero .dashboard-stats { grid-template-columns: repeat(2, 1fr); }
}