/*
Theme Name: Balıkesir Şehirler Arası Nakliyat
Theme URI: https://example.com/
Author: Tuzcuoğlu Nakliyat
Description: Balıkesir şehirler arası nakliyat için hızlı, SEO uyumlu ve hafif WordPress teması. Ana sayfada CTA + görsel, ilçeler için ayrı içerik blokları.
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: balikesir-sehirlerarasi-nakliyat
Tags: one-column, two-columns, custom-logo, featured-images, translation-ready
*/

:root{
  --bg:#0b1220;
  --card:#0f1b33;
  --txt:#eaf1ff;
  --muted:#b9c7e6;
  --brand:#1f6feb;
  --accent:#16a34a;
  --danger:#dc2626;
  --border:rgba(255,255,255,.12);
  --shadow:0 12px 30px rgba(0,0,0,.35);
}

*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,Arial,sans-serif;line-height:1.65;background:linear-gradient(180deg,#071022 0%, #0b1220 50%, #071022 100%);color:var(--txt)}
a{color:inherit;text-decoration:none}
.container{width:min(1120px,92%);margin:0 auto}
.topbar{background:rgba(0,0,0,.25);border-bottom:1px solid var(--border)}
.topbar .inner{display:flex;align-items:center;justify-content:space-between;padding:.65rem 0;gap:1rem}
.badge{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem .6rem;border:1px solid var(--border);border-radius:999px;color:var(--muted);font-size:.92rem}
.badge strong{color:var(--txt)}
.site-header{position:sticky;top:0;z-index:20;background:rgba(11,18,32,.86);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}
.site-header .inner{display:flex;align-items:center;justify-content:space-between;padding:1rem 0;gap:1rem}
.logo{font-weight:800;letter-spacing:.3px}
.nav a{color:var(--muted);margin-left:1rem}
.nav a:hover{color:var(--txt)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.9rem 1.1rem;border-radius:14px;border:1px solid var(--border);background:rgba(255,255,255,.06);color:var(--txt);box-shadow:none;transition:.2s}
.btn:hover{transform:translateY(-1px)}
.btn.primary{background:linear-gradient(90deg,var(--brand),#3b82f6);border-color:transparent}
.btn.accent{background:linear-gradient(90deg,var(--accent),#22c55e);border-color:transparent}
.btn.danger{background:linear-gradient(90deg,var(--danger),#ef4444);border-color:transparent}
.hero{padding:3.2rem 0 2.2rem}
.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:1.6rem;align-items:center}
.hero-card{background:rgba(15,27,51,.72);border:1px solid var(--border);border-radius:22px;box-shadow:var(--shadow);padding:2rem}
.kicker{color:var(--muted);margin:0 0 .5rem}
h1{font-size:clamp(1.8rem,3.3vw,3rem);line-height:1.15;margin:.2rem 0 .8rem}
.lead{color:var(--muted);margin:0 0 1.2rem}
.cta-row{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1rem}
.hero-media{background:rgba(255,255,255,.06);border:1px solid var(--border);border-radius:22px;box-shadow:var(--shadow);padding:1rem}
.hero-media img{width:100%;height:auto;display:block;border-radius:16px}
.section{padding:2.4rem 0}
.section h2{font-size:1.55rem;margin:0 0 .8rem}
.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:1rem}
.card{grid-column:span 6;background:rgba(15,27,51,.72);border:1px solid var(--border);border-radius:18px;padding:1.2rem;box-shadow:var(--shadow)}
.card h3{margin:.1rem 0 .5rem}
.card p{margin:0;color:var(--muted)}
.list{margin:.6rem 0 0;padding-left:1.1rem;color:var(--muted)}
.footer{border-top:1px solid var(--border);padding:2rem 0;color:var(--muted)}
.content{background:rgba(15,27,51,.55);border:1px solid var(--border);border-radius:22px;padding:1.6rem;box-shadow:var(--shadow)}
.wp-block-image img{border-radius:16px}
@media (max-width: 900px){
  .hero-grid{grid-template-columns:1fr}
  .card{grid-column:span 12}
  .nav{display:none}
}