/*
Theme Name: BarterLite
Theme URI: https://example.com/barterlite
Author: ChatGPT
Author URI: https://example.com
Description: A clean one-page business WordPress theme inspired by SKT Barter demo layout. Lightweight, no builder required.
Version: 1.0.0
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: barterlite
Tags: one-column, custom-logo, custom-colors, blog, portfolio, custom-header, responsive-layout
*/

/* Basic Reset */
* { box-sizing: border-box; }
html, body { margin:0; padding:0; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', Arial, 'Noto Sans', 'Apple Color Emoji','Segoe UI Emoji', 'Noto Color Emoji', sans-serif; color:#1f2937; }
a { color: var(--primary, #2563eb); text-decoration:none; }
a:hover { text-decoration:underline; }
img { max-width:100%; height:auto; display:block; }

/* Layout */
.container { width: min(1100px, 92%); margin: 0 auto; }
.section { padding: 70px 0; }
.section-title { text-align:center; font-size: 36px; margin: 0 0 12px; font-weight: 800; }
.section-subtitle { text-align:center; color:#6b7280; margin: 0 0 30px; }

/* Header */
.site-header { position: sticky; top:0; z-index:50; background:#ffffffcc; backdrop-filter: blur(6px); box-shadow: 0 4px 20px rgba(0,0,0,0.04); }
.brand { display:flex; align-items:center; gap:10px; }
.brand .site-title { font-size: 20px; font-weight: 800; margin: 0; }
nav.primary { display:flex; align-items:center; gap:22px; flex-wrap:wrap; }
.header-inner { display:flex; align-items:center; justify-content:space-between; padding:14px 0; }
.menu-toggle { display:none; border:1px solid #e5e7eb; background:#fff; padding:8px 12px; border-radius:12px; }
@media (max-width: 820px) {
  nav.primary { display:none; }
  nav.primary.open { display:flex; flex-direction:column; padding:16px 0; }
  .menu-toggle { display:block; }
}

/* Hero */
.hero { background: linear-gradient(180deg, rgba(37,99,235,0.08), rgba(255,255,255,0)); }
.hero-inner { display:grid; grid-template-columns: 1.2fr 0.8fr; gap:32px; align-items:center; }
.hero h1 { font-size: 48px; line-height:1.1; margin:0 0 10px; }
.hero p { font-size:18px; color:#4b5563; margin: 0 0 20px; }
.cta { display:inline-flex; gap:12px; }
.btn { display:inline-block; padding:12px 18px; border-radius:14px; font-weight:700; border:1px solid transparent; }
.btn-primary { background: var(--primary, #2563eb); color:#fff; }
.btn-outline { border-color:#d1d5db; }
.hero-img { border-radius:24px; box-shadow: 0 16px 40px rgba(0,0,0,0.08); }

@media (max-width: 920px) {
  .hero-inner { grid-template-columns: 1fr; }
  .hero-img { order:-1; }
}

/* Features */
.features { display:grid; grid-template-columns: repeat(3, 1fr); gap:18px; }
.feature { background:#fff; border:1px solid #e5e7eb; border-radius:20px; padding:22px; box-shadow: 0 10px 30px rgba(0,0,0,0.04); }
.feature h3 { margin:8px 0 6px; font-size:20px; }
.feature p { color:#6b7280; margin:0; }
@media (max-width: 920px) { .features { grid-template-columns: 1fr; } }

/* About */
.about { display:grid; grid-template-columns: 1fr 1fr; gap:28px; align-items:center; }
@media (max-width: 920px) { .about { grid-template-columns: 1fr; } }

/* Portfolio */
.grid { display:grid; grid-template-columns: repeat(4, 1fr); gap:14px; }
.grid .card { border-radius:18px; overflow:hidden; border:1px solid #e5e7eb; background:#fff; box-shadow: 0 10px 30px rgba(0,0,0,0.04); }
@media (max-width: 1100px) { .grid { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 780px) { .grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 520px) { .grid { grid-template-columns: 1fr; } }

/* Testimonials */
.testimonial { background:#f9fafb; border:1px solid #e5e7eb; border-radius:20px; padding:24px; font-style: italic; color:#374151; }

/* Footer */
.site-footer { border-top:1px solid #e5e7eb; padding:40px 0; color:#6b7280; }
footer .cols { display:grid; grid-template-columns: 1.2fr 1fr 1fr 1fr; gap:20px; }
footer .brand p { color:#6b7280; }
@media (max-width: 920px) { footer .cols { grid-template-columns: 1fr 1fr; } }
@media (max-width: 560px) { footer .cols { grid-template-columns: 1fr; } }

/* Utilities */
.center { text-align:center; }
.m-0 { margin:0; }
.mt-0 { margin-top:0; }
.mt-2 { margin-top:8px; }
.mt-4 { margin-top:16px; }
.mt-6 { margin-top:24px; }
.mt-8 { margin-top:32px; }
.mt-10 { margin-top:40px; }
.p-0 { padding:0; }
.p-4 { padding:16px; }
.rounded-xl { border-radius: 20px; }
.shadow { box-shadow: 0 10px 30px rgba(0,0,0,0.06); }
border { border:1px solid #e5e7eb; }
*/