/*
Theme Name: CarzyAI
Theme URI: https://carzyai.io/
Author: Your Team
Author URI: https://carzyai.io/
Description: Responsive AI services theme for carzyai.io. Ready for WordPress 6.8.2. 
Version: 1.0.0
Requires at least: 6.4
Tested up to: 6.8.2
Requires PHP: 8.0
Text Domain: carzyai
Tags: custom-logo, custom-menu, one-column, responsive-layout, blog, block-styles
*/

/* Minimal base; most styles in assets/css/main.css */
:root {
  --ca-primary: #6b46ff;
  --ca-primary-600: #5a39d9;
  --ca-bg: #0f1020;
  --ca-muted: #a0a0b8;
  --ca-text: #f7f7ff;
  --ca-card: #17182b;
  --ca-accent: #00e0b8;
}

html { box-sizing: border-box; }
*, *:before, *:after { box-sizing: inherit; }
body { margin: 0; font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji"; color: var(--ca-text); background: var(--ca-bg); }

/* Utility */
.container { width: min(1200px, 92%); margin-inline: auto; }
.btn { display: inline-block; padding: 0.75rem 1.1rem; border-radius: 12px; text-decoration: none; font-weight: 600; }
.btn-primary { background: var(--ca-primary); color: white; }
.btn-primary:hover { background: var(--ca-primary-600); }
.btn-outline { border: 1px solid var(--ca-muted); color: var(--ca-text); }

/* Header */
.site-header { position: sticky; top: 0; z-index: 20; background: rgba(15,16,32,0.8); backdrop-filter: blur(8px); border-bottom: 1px solid #23243b; }
.navbar { display: flex; align-items: center; justify-content: space-between; padding: 0.75rem 0; }
.brand { display: flex; align-items: center; gap: .6rem; font-weight: 800; letter-spacing: .3px; }
.brand a { color: var(--ca-text); text-decoration: none; }
.brand .logo { width: 36px; height: 36px; display: grid; place-items: center; border-radius: 10px; background: linear-gradient(135deg, var(--ca-primary), var(--ca-accent)); font-weight: 900; }

.menu-toggle { display: none; background: none; border: 0; color: var(--ca-text); font-size: 1.5rem; }

.main-nav ul { list-style: none; padding: 0; margin: 0; display: flex; gap: 1rem; }
.main-nav a { color: var(--ca-text); text-decoration: none; padding: .5rem .75rem; border-radius: 10px; }
.main-nav a:hover, .main-nav .current-menu-item > a { background: #1f2140; }

/* Mobile nav */
@media (max-width: 900px) {
  .menu-toggle { display: inline-block; }
  .main-nav { display: none; position: absolute; left: 0; right: 0; top: 64px; background: #12132a; border-bottom: 1px solid #23243b; }
  .main-nav.open { display: block; }
  .main-nav ul { flex-direction: column; padding: .75rem; }
}

/* Hero */
.hero { padding: 4rem 0 2rem; text-align: center; }
.hero h1 { font-size: clamp(2rem, 2vw + 2rem, 3.5rem); margin: 0; }
.hero p { margin: 1rem auto 2rem; color: var(--ca-muted); max-width: 52ch; }
.hero .cta { display: flex; gap: .75rem; justify-content: center; flex-wrap: wrap; }

/* Grid cards */
.grid { display: grid; grid-template-columns: repeat(12, 1fr); gap: 1rem; }
.card { grid-column: span 4; background: var(--ca-card); border: 1px solid #23243b; padding: 1.25rem; border-radius: 16px; }
.card h3 { margin-top: .25rem; }
.card p { color: var(--ca-muted); }
@media (max-width: 900px) { .card { grid-column: span 6; } }
@media (max-width: 600px) { .card { grid-column: span 12; } }

/* Sections */
.section { padding: 3rem 0; }
.section h2 { text-align: center; margin-bottom: 1rem; }
.section .sub { text-align: center; color: var(--ca-muted); margin-bottom: 2rem; }

/* Footer */
.site-footer { border-top: 1px solid #23243b; padding: 2rem 0; color: var(--ca-muted); }
.site-footer a { color: var(--ca-muted); }