/*
Theme Name: Galaxy MCQ & Worksheet Theme
Theme URI: https://galaxycoachingclasses.in
Author: Galaxy Coaching Classes - Chetan Patel
Description: Custom theme built for Free CBSE MCQ Tests & Worksheets - Focus on Class 8,9,10. Fast, AdSense ready, no videos. For Galaxy Coaching Classes Morbi.
Version: 1.0.0
License: GPL v2
Text Domain: galaxy-mcq
*/

* {margin:0; padding:0; box-sizing:border-box}
body {font-family:'Poppins',system-ui,sans-serif; background:#fff; color:#1a1a1a; line-height:1.6}
a {text-decoration:none}
.container {max-width:1200px; margin:0 auto; padding:0 20px}

/* Header */
.site-header {background:#fff; border-bottom:1px solid #e5e7eb; position:sticky; top:0; z-index:100; box-shadow:0 1px 10px rgba(0,0,0,0.05)}
.header-inner {display:flex; justify-content:space-between; align-items:center; padding:14px 0}
.logo {display:flex; align-items:center; gap:12px}
.logo-circle {width:48px; height:48px; border-radius:50%; background:#1e4a8a; display:flex; align-items:center; justify-content:center; color:#ffcc00; font-weight:900; font-size:20px; border:3px solid #ffcc00}
.logo-text h1 {font-size:15px; color:#1e4a8a; font-weight:800; letter-spacing:0.5px; line-height:1.1}
.logo-text p {font-size:10px; color:#6b7280; margin-top:2px}
.main-nav {display:flex; gap:28px; align-items:center}
.main-nav a {font-size:14px; font-weight:600; color:#374151}
.main-nav a:hover {color:#1e4a8a}
.btn-mcq {background:#1e4a8a; color:#fff !important; padding:10px 22px; border-radius:999px; font-weight:700; box-shadow:0 4px 12px rgba(30,74,138,0.25)}
.btn-mcq:hover {background:#ffcc00; color:#1e4a8a !important}

/* Hero */
.hero {background:linear-gradient(135deg,#eff6ff 0%,#fff 60%); padding:60px 0 40px}
.hero-grid {display:grid; grid-template-columns:1.1fr 0.9fr; gap:40px; align-items:center}
.badge {background:#ffcc00; color:#1e4a8a; font-size:11px; font-weight:800; padding:6px 14px; border-radius:999px; letter-spacing:0.5px}
.hero h2 {font-size:48px; font-weight:800; color:#1e4a8a; line-height:1.05; margin-top:16px}
.hero h2 span {color:#f59e0b}
.hero p {color:#6b7280; margin-top:16px; font-size:16px}
.hero-actions {display:flex; gap:12px; margin-top:24px; flex-wrap:wrap}
.btn-primary {background:#1e4a8a; color:#fff; padding:14px 28px; border-radius:999px; font-weight:700}
.btn-outline {border:2px solid #1e4a8a; color:#1e4a8a; padding:12px 26px; border-radius:999px; font-weight:700}
.stats {display:flex; gap:32px; margin-top:28px}
.stat b {font-size:20px; color:#1e4a8a; display:block}
.stat span {font-size:13px; color:#6b7280}

/* Search Card */
.search-card {background:#fff; border-radius:24px; box-shadow:0 20px 60px rgba(0,0,0,0.08); padding:24px; border:1px solid #e5e7eb}
.search-card h3 {font-weight:700; font-size:16px}
.search-input {width:100%; border:2px solid #e5e7eb; border-radius:12px; padding:14px 16px; margin-top:12px; outline:none}
.search-input:focus {border-color:#1e4a8a}
.quick-tests {display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-top:16px}
.quick-test {border:2px solid #e5e7eb; border-radius:12px; padding:12px; transition:0.2s}
.quick-test.live {border-color:#1e4a8a; background:#f0f7ff}
.quick-test:hover {border-color:#1e4a8a}

/* Classes */
.section {padding:56px 0}
.section-title {font-size:28px; font-weight:800; color:#1e4a8a; text-align:center}
.class-grid {display:grid; grid-template-columns:repeat(3,1fr); gap:24px; margin-top:32px}
.class-card {border:2px solid #e5e7eb; border-radius:20px; padding:28px; transition:0.2s; background:#fff}
.class-card.active {border-color:#1e4a8a; background:#eff6ff}
.class-card:hover {box-shadow:0 10px 30px rgba(0,0,0,0.08); transform:translateY(-2px)}
.class-icon {width:48px; height:48px; border-radius:12px; display:flex; align-items:center; justify-content:center; font-weight:800; color:#fff; font-size:20px}
.class-card h4 {margin-top:14px; font-size:18px}
.class-card p {font-size:13px; color:#6b7280; margin-top:6px}

/* Test Cards */
.test-grid {display:grid; grid-template-columns:repeat(3,1fr); gap:20px; margin-top:32px}
.test-card {background:#fff; border:1px solid #e5e7eb; border-radius:16px; padding:20px; position:relative; transition:0.2s}
.test-card:hover {box-shadow:0 10px 30px rgba(0,0,0,0.08)}
.test-card.live {border:2px solid #bbf7d0}
.live-badge {position:absolute; top:12px; right:12px; background:#22c55e; color:#fff; font-size:10px; font-weight:700; padding:4px 10px; border-radius:999px}
.soon-badge {position:absolute; top:12px; right:12px; background:#e5e7eb; color:#6b7280; font-size:10px; font-weight:700; padding:4px 10px; border-radius:999px}
.tag {background:#dbeafe; color:#1e4a8a; font-size:11px; padding:4px 10px; border-radius:999px; font-weight:600}
.test-card h4 {font-size:15px; margin-top:12px; font-weight:700}
.meta {font-size:12px; color:#6b7280; margin-top:6px}
.test-meta {display:flex; gap:8px; margin-top:10px; flex-wrap:wrap}
.test-meta span {background:#f3f4f6; font-size:11px; padding:4px 8px; border-radius:6px}
.btn-test {display:block; text-align:center; background:#1e4a8a; color:#fff; padding:11px; border-radius:10px; font-weight:700; margin-top:16px; font-size:14px}
.btn-test:hover {background:#ffcc00; color:#1e4a8a}
.btn-disabled {display:block; text-align:center; background:#e5e7eb; color:#9ca3af; padding:11px; border-radius:10px; font-weight:700; margin-top:16px; font-size:14px; cursor:not-allowed}

/* Footer CTA */
.cta-bar {background:#1e4a8a; color:#fff; padding:32px 0; margin-top:40px}
.cta-inner {display:flex; justify-content:space-between; align-items:center; gap:20px; flex-wrap:wrap}
.btn-whatsapp {background:#25D366; color:#fff; padding:12px 28px; border-radius:999px; font-weight:700}
.site-footer {background:#111827; color:#9ca3af; padding:32px 0; font-size:13px}
.site-footer a {color:#d1d5db}

@media(max-width:900px){
  .hero-grid {grid-template-columns:1fr}
  .hero h2 {font-size:36px}
  .class-grid, .test-grid {grid-template-columns:1fr}
  .main-nav {display:none}
}