/*
Theme Name: SoftTools Lite
Theme URI: https://example.com/softtools-lite
Author: Your Name
Author URI: https://example.com
Description: A lightweight WordPress theme for selling software tools (SaaS & digital downloads). Includes a conversion-focused homepage with hero, features, pricing, testimonials, and CTA. Works with WooCommerce (digital) or Easy Digital Downloads.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: softtools-lite
Tags: blog, e-commerce, custom-logo, one-column, two-columns, right-sidebar, custom-colors, custom-menu, flexible-header, footer-widgets
*/

/* Base Reset */
* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Arial, sans-serif;
  line-height: 1.6;
  color: #1f2937;
  background: #ffffff;
}

/* Layout */
.container { max-width: 1100px; margin: 0 auto; padding: 0 1rem; }
.site-header { padding: 1rem 0; border-bottom: 1px solid #e5e7eb; position: sticky; top: 0; background: #fff; z-index: 10; }
.site-title a { text-decoration: none; color: #111827; }
.site-branding { display: flex; align-items: center; gap: .75rem; }
.nav { display: flex; gap: 1rem; }
.nav a { text-decoration: none; color: #374151; }
.nav a:hover { color: #111827; }

.button, .wp-block-button__link, a.button { 
  display: inline-block; padding: .75rem 1.25rem;
  border-radius: .75rem; text-decoration: none;
  background: #111827; color: #fff; font-weight: 600;
}
.button.secondary { background: #4b5563; }
.button.ghost { background: transparent; color: #111827; border: 2px solid #111827; }

/* Hero */
.hero { padding: 4rem 0 2rem; text-align: center; background: linear-gradient(180deg, #f8fafc 0%, #ffffff 100%); }
.hero h1 { font-size: clamp(1.75rem, 3vw + 1rem, 3rem); margin: 0 0 .5rem; }
.hero p { color: #4b5563; margin: 0 0 1.25rem; }
.hero .actions { display: flex; gap: .75rem; justify-content: center; flex-wrap: wrap; }

/* Sections */
.section { padding: 3rem 0; }
.section h2 { text-align: center; font-size: 1.75rem; margin-bottom: 1rem; }
.muted { color: #6b7280; text-align: center; margin: 0 auto 2rem; max-width: 700px; }

.grid-3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; }
@media (max-width: 900px) { .grid-3 { grid-template-columns: 1fr; } }

.card {
  border: 1px solid #e5e7eb; border-radius: 1rem; padding: 1rem;
  background: #fff; box-shadow: 0 1px 0 rgba(0,0,0,.02);
}
.card h3 { margin-top: 0; }

/* Pricing */
.pricing { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; align-items: stretch; }
@media (max-width: 900px) { .pricing { grid-template-columns: 1fr; } }
.price-card { border: 2px solid #e5e7eb; border-radius: 1rem; padding: 1.25rem; text-align: center; }
.price { font-size: 2rem; font-weight: 800; margin: .5rem 0 1rem; }
.badge { display: inline-block; background: #111827; color: #fff; font-size: .75rem; padding: .25rem .5rem; border-radius: .5rem; }

/* Footer */
.site-footer { margin-top: 2rem; padding: 2rem 0; border-top: 1px solid #e5e7eb; color: #6b7280; }
.footer-widgets { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; }
@media (max-width: 900px) { .footer-widgets { grid-template-columns: 1fr; } }
.footer-credits { text-align: center; margin-top: 1rem; font-size: .9rem; }