/*
Theme Name: Zero to Creator
Theme URI: https://zerotocreator.example/
Author: Zero to Creator
Author URI: https://zerotocreator.example/
Description: A bold, modern dark blog theme for creators, YouTubers and digital storytellers. Features a vibrant gradient accent, Space Grotesk + Inter typography, light/dark mode toggle, hero section, card-based article grid, slide-in sidebar menu, search overlay and a fully responsive layout. Built from the "Zero to Creator" creator-launchpad design.
Version: 1.4.2
Requires at least: 5.8
Tested up to: 6.6
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: zero-to-creator
Tags: blog, two-columns, right-sidebar, custom-menu, custom-logo, featured-images, threaded-comments, translation-ready, block-styles, wide-blocks, editor-style, sticky-post, custom-colors, custom-background, dark-mode, theme-options
*/

/* ==========================================================================
   Zero to Creator — WordPress Theme
   Main stylesheet (loads variables + base resets; full styles live in /assets/css/theme.css)
   ========================================================================== */

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

:root {
  --ztc-bg: #0a0a0b;
  --ztc-surface: #131316;
  --ztc-border: rgba(255, 255, 255, 0.08);
  --ztc-text: #f5f5f7;
  --ztc-muted: #9a9aa3;
  --ztc-card: #15151a;
  --ztc-card-hover: #1c1c22;
  --ztc-radius: 16px;
  --ztc-radius-sm: 10px;
  --ztc-radius-pill: 9999px;
  --ztc-grad: linear-gradient(90deg, #f9c41a 0%, #ff6b35 25%, #ff3478 55%, #c026d3 85%, #7c3aed 100%);
  --ztc-max: 1152px;
}

html.ztc-light {
  --ztc-bg: #fafafa;
  --ztc-surface: #ffffff;
  --ztc-border: rgba(0, 0, 0, 0.08);
  --ztc-text: #0a0a0b;
  --ztc-muted: #5a5a63;
  --ztc-card: #ffffff;
  --ztc-card-hover: #f3f3f5;
}

* { box-sizing: border-box; }

html, body {
  margin: 0;
  padding: 0;
}

body {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  background-color: var(--ztc-bg);
  color: var(--ztc-text);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.6;
  transition: background-color 0.3s ease, color 0.3s ease;
}

a { color: inherit; text-decoration: none; }
img { max-width: 100%; height: auto; display: block; }

/* WordPress required classes */
.alignleft   { float: left; margin-right: 1.5em; }
.alignright  { float: right; margin-left: 1.5em; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignwide   { max-width: 1100px; margin-left: auto; margin-right: auto; }
.alignfull   { width: 100%; margin-left: auto; margin-right: auto; }
.wp-caption  { max-width: 100%; }
.wp-caption-text { font-size: 0.85em; color: var(--ztc-muted); text-align: center; margin-top: 0.5em; }
.sticky      { display: block; }
.gallery-caption { font-size: 0.85em; color: var(--ztc-muted); }
.bypostauthor{ display: block; }
.screen-reader-text {
  border: 0; clip: rect(1px,1px,1px,1px); -webkit-clip-path: inset(50%);
  clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden;
  padding: 0; position: absolute; width: 1px; word-wrap: normal !important;
}
.screen-reader-text:focus {
  background-color: #f1f1f1; clip: auto !important; -webkit-clip-path: none;
  clip-path: none; color: #21759b; display: block; font-size: 14px;
  font-weight: 700; height: auto; left: 5px; line-height: normal;
  padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000;
}