/*
Theme Name: SonmezSo Nakliyat
Theme URI: https://sancaktepede.net
Author: Senin Adın
Author URI: https://sancaktepede.net
Description: SonmezSo Nakliyat - Kurumsal nakliye & lojistik WordPress teması. Tüm içerikler kart görünümünde, mobil uyumlu ve özelleştirilebilir.
Version: 1.0
License: GNU General Public License v2 or later
Text Domain: sonmezso
Tags: responsive, custom-logo, custom-menu, translation-ready, grid, cards
*/

:root{
  --primary:#0b61a4;
  --accent:#ff8a00;
  --muted:#eef2f5;
  --dark:#16324a;
}
*, *::before, *::after{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%}
body{font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial; color:var(--dark); background:#fff; line-height:1.6}
a{color:var(--primary);text-decoration:none}

/* Header */
.site-header{background:#fff;border-bottom:1px solid var(--muted);position:sticky;top:0;z-index:50}
.wrap{max-width:1200px;margin:0 auto;padding:18px}
.site-branding{display:flex;align-items:center;gap:12px}
.site-branding .logo{display:block;width:56px;height:56px;border-radius:8px;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:18px}
.site-title{font-size:18px;font-weight:700}
.site-desc{font-size:13px;color:#6b8090}
.site-nav{margin-left:auto}
.site-nav ul{display:flex;gap:18px;list-style:none;align-items:center}
.menu-toggle{display:none;padding:8px;border-radius:6px;background:transparent;border:1px solid transparent}

/* Hero */
.hero{display:flex;align-items:center;gap:30px;padding:56px 0;background-image:linear-gradient(rgba(10,38,67,0.45),rgba(10,38,67,0.45)), url('assets/img/truck-hero.png');background-size:cover;background-position:center;color:#fff;border-radius:8px;margin:18px 0}
.hero .hero-text{max-width:640px;padding:30px}
.hero h1{font-size:34px;line-height:1.05;margin-bottom:12px}
.btn{display:inline-block;padding:10px 18px;border-radius:8px;background:var(--accent);color:#fff;font-weight:700;margin-right:8px}
.btn.secondary{background:#fff;color:var(--primary);border:1px solid rgba(11,97,164,0.08)}

/* Grid cards */
.container{max-width:1200px;margin:0 auto;padding:36px 18px}
.cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.card{background:#fff;border-radius:14px;padding:18px;box-shadow:0 6px 20px rgba(6,20,36,0.06);overflow:hidden;display:flex;flex-direction:column;min-height:220px}
.card img{width:100%;height:140px;object-fit:cover;border-radius:10px}
.card .card-body{padding-top:12px;flex:1;display:flex;flex-direction:column}
.card h3{margin-bottom:8px;font-size:18px}
.card p{flex:1;color:#4b616f;font-size:14px}
.card .read-more{margin-top:12px;align-self:flex-start;padding:8px 12px;border-radius:10px;background:var(--primary);color:#fff;font-weight:700}

/* Services area */
.services .section-title{font-size:26px;margin-bottom:18px;text-align:center;color:var(--dark)}

/* About */
.about{display:grid;grid-template-columns:1fr 420px;gap:30px;align-items:center;padding:40px 0}
.about img{width:100%;border-radius:10px}

/* References */
.refs{padding:30px 0;background:#f7fafc;text-align:center}
.refs .logos{display:flex;gap:20px;align-items:center;justify-content:center;flex-wrap:wrap}
.refs img{max-height:48px;opacity:0.9;border-radius:6px}

/* Contact */
.contact{padding:40px 0;display:grid;grid-template-columns:1fr 420px;gap:30px;align-items:start}
.contact form{display:grid;gap:12px}
input, textarea{padding:10px;border:1px solid #e6eef5;border-radius:10px}
button[type=submit]{background:var(--primary);color:#fff;padding:12px;border-radius:10px;border:none}

/* Footer */
.site-footer{background:var(--dark);color:#fff;padding:30px 0;margin-top:30px}
.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:20px;max-width:1200px;margin:0 auto}
.social-icons{display:flex;gap:10px;align-items:center}
.social-icons a{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,0.08);color:#fff;text-decoration:none}
.social-icons a:hover{background:var(--accent);color:#07263e}

/* Footer bottom */
.footer-bottom{padding-top:16px;text-align:center;color:rgba(255,255,255,0.85);font-size:14px}
.footer-bottom a{color:#fff;font-weight:700;text-decoration:underline}

/* Responsive */
@media (max-width:920px){
  .cards-grid{grid-template-columns:repeat(2,1fr)}
  .about{grid-template-columns:1fr}
  .contact{grid-template-columns:1fr}
  .hero{padding:30px 0;border-radius:8px}
  .site-nav ul{display:none}
  .menu-toggle{display:inline-block}
}
@media (max-width:520px){
  .cards-grid{grid-template-columns:1fr}
  .hero{flex-direction:column;align-items:flex-start;padding:18px}
  .hero img{width:100%;height:auto}
}