/*
Theme Name: Kurye Platform
Theme URI: https://bigonderal.com
Author: BigonderAl
Description: Kurye, Nakliye, Lojistik ve İlan Platformu
Version: 8.0
*/

/* ── RESET & BOX MODEL ── */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

/* ── CSS DEĞİŞKENLERİ ── */
:root {
  --kp-turuncu: #FF5722;
  --kp-turuncu-k: #e64a19;
  --kp-lacivert: #0D1B2A;
  --kp-mavi: #1565C0;
  --kp-yesil: #10b981;
  --kp-kirmizi: #ef4444;
  --kp-sari: #f59e0b;
  --kp-zemin: #F8F7F4;
  --kp-kart: #ffffff;
  --kp-kenar: #e5e7eb;
  --kp-metin: #0D0D0D;
  --kp-metin-ac: #6B7280;
  --kp-yari: rgba(0,0,0,.04);
  --kp-golge: 0 2px 12px rgba(0,0,0,.08);
  --kp-golge-k: 0 4px 24px rgba(0,0,0,.14);
  --kp-r: 12px;
  --kp-r-kucuk: 8px;
  --kp-gecis: .2s ease;
  --syne: 'Syne', sans-serif;
  --dm: 'DM Sans', sans-serif;
}

/* ── TEMEL ── */
html { scroll-behavior: smooth; }
body {
  font-family: var(--dm);
  background: var(--kp-zemin);
  color: var(--kp-metin);
  font-size: 15px;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}
img { max-width: 100%; height: auto; display: block; }
a { text-decoration: none; color: inherit; }
button { font-family: var(--dm); cursor: pointer; border: none; outline: none; }
input, select, textarea { font-family: var(--dm); font-size: 14px; }

/* ── TİPOGRAFİ ── */
h1, h2, h3, h4, h5 { font-family: var(--syne); font-weight: 700; line-height: 1.25; }
h1 { font-size: clamp(1.6rem, 4vw, 2.4rem); }
h2 { font-size: clamp(1.3rem, 3vw, 1.9rem); }
h3 { font-size: clamp(1.1rem, 2.5vw, 1.4rem); }
p { color: var(--kp-metin-ac); }

/* ── HEADER ── */
.kp-header {
  position: sticky; top: 0; z-index: 900;
  background: #fff; border-bottom: 1px solid var(--kp-kenar);
  box-shadow: 0 1px 8px rgba(0,0,0,.06);
}
.kp-header-ic {
  max-width: 1280px; margin: 0 auto;
  display: flex; align-items: center; gap: 8px;
  padding: 0 20px; height: 62px;
}
.admin-bar .kp-header { top: 32px; }
.kp-logo {
  font-family: var(--syne); font-size: 20px; font-weight: 800;
  color: var(--kp-metin); white-space: nowrap;
}
.kp-logo span { color: var(--kp-turuncu); }

/* NAV */
.kp-nav { display: flex; align-items: center; gap: 2px; flex: 1; }
.nav-btn {
  background: none; padding: 7px 12px; border-radius: 8px;
  font-size: 13px; font-weight: 500; color: var(--kp-metin-ac);
  transition: background var(--kp-gecis), color var(--kp-gecis);
  white-space: nowrap;
}
.nav-btn:hover, .nav-btn.aktif {
  background: var(--kp-yari); color: var(--kp-metin);
}
.nav-rozet {
  position: absolute; top: -4px; right: -4px;
  background: var(--kp-turuncu); color: #fff;
  border-radius: 99px; font-size: 10px;
  min-width: 16px; height: 16px;
  display: flex; align-items: center; justify-content: center; padding: 0 3px;
}
.kp-zil-btn {
  background: none; font-size: 18px; padding: 6px;
  border-radius: 8px; position: relative;
  transition: background var(--kp-gecis);
}
.kp-zil-btn:hover { background: var(--kp-yari); }
.kp-zil-btn span {
  position: absolute; top: 0; right: 0;
  background: var(--kp-kirmizi); color: #fff;
  border-radius: 99px; font-size: 9px;
  min-width: 15px; height: 15px;
  display: flex; align-items: center; justify-content: center;
}
.bil-panel {
  position: absolute; top: calc(100% + 8px); right: 0;
  width: 320px; background: #fff;
  border: 1px solid var(--kp-kenar); border-radius: var(--kp-r);
  box-shadow: var(--kp-golge-k); z-index: 100;
  max-height: 400px; overflow-y: auto;
}

/* HEADER SAĞ */
.kp-header-sag { display: flex; align-items: center; gap: 8px; margin-left: auto; }
.kp-hosgeldin { font-size: 13px; font-weight: 500; white-space: nowrap; }
.kp-btn-giris {
  background: none; border: 1.5px solid var(--kp-kenar);
  padding: 7px 16px; border-radius: 8px; font-size: 13px; font-weight: 500;
  color: var(--kp-metin); transition: all var(--kp-gecis);
}
.kp-btn-giris:hover { border-color: var(--kp-turuncu); color: var(--kp-turuncu); }
.kp-btn-kayit {
  background: var(--kp-turuncu); color: #fff;
  padding: 7px 16px; border-radius: 8px; font-size: 13px; font-weight: 600;
  transition: background var(--kp-gecis);
}
.kp-btn-kayit:hover { background: var(--kp-turuncu-k); }
.kp-btn-cikis {
  font-size: 13px; color: var(--kp-metin-ac); padding: 7px 12px;
  border-radius: 8px; transition: all var(--kp-gecis);
}
.kp-btn-cikis:hover { background: #fee2e2; color: var(--kp-kirmizi); }

/* HAMBURGER */
.hamburger { display: none; font-size: 22px; background: none; padding: 6px; border-radius: 6px; }
.mobil-menu {
  background: var(--kp-lacivert); padding: 16px 20px;
  display: flex; flex-direction: column; gap: 4px;
}
.mobil-menu button, .mobil-menu a {
  background: none; color: #e2e8f0; font-size: 14px;
  padding: 10px 0; text-align: left; border-bottom: 1px solid rgba(255,255,255,.06);
  transition: color var(--kp-gecis);
}
.mobil-menu button:hover, .mobil-menu a:hover { color: #fff; }

/* ── HERO ── */
.hero-section {
  background: linear-gradient(135deg, var(--kp-lacivert) 0%, #1a2f47 100%);
  padding: 60px 20px 80px; color: #fff; position: relative; overflow: hidden;
}
.hero-section::before {
  content: ''; position: absolute; inset: 0;
  background: radial-gradient(ellipse at 70% 50%, rgba(255,87,34,.12) 0%, transparent 65%);
}
.hero-ic { max-width: 860px; margin: 0 auto; position: relative; z-index: 1; text-align: center; }
.hero-badge {
  display: inline-block; background: rgba(255,87,34,.18);
  border: 1px solid rgba(255,87,34,.4); color: #FF7043;
  font-size: 12px; font-weight: 600; padding: 5px 14px; border-radius: 99px;
  text-transform: uppercase; letter-spacing: .06em; margin-bottom: 20px;
}
.hero-h1 { font-size: clamp(2rem, 5vw, 3.2rem); color: #fff; margin-bottom: 16px; }
.hero-p { font-size: 17px; color: rgba(255,255,255,.72); margin-bottom: 32px; }

/* HERO FORM KARTI */
.hero-kart {
  background: #fff; border-radius: 20px; padding: 28px;
  box-shadow: 0 20px 60px rgba(0,0,0,.3); text-align: left;
}
.hs-bar { display: flex; gap: 6px; flex-wrap: wrap; margin-bottom: 20px; }
.hs-btn {
  background: var(--kp-yari); color: var(--kp-metin);
  padding: 9px 16px; border-radius: 10px; font-size: 13px; font-weight: 500;
  border: 1.5px solid transparent; transition: all var(--kp-gecis);
}
.hs-btn.aktif { background: #fff1ee; border-color: var(--kp-turuncu); color: var(--kp-turuncu); }
.hs-btn:hover:not(.aktif) { border-color: var(--kp-kenar); }
.at-panel { display: none; }
.at-panel.aktif { display: block; }
.at-baslik { font-size: 13px; font-weight: 600; color: var(--kp-metin); margin-bottom: 10px; }
.at-grid { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 16px; }
.at-kart {
  border: 1.5px solid var(--kp-kenar); border-radius: 10px;
  padding: 10px 14px; cursor: pointer; transition: all var(--kp-gecis);
  display: flex; flex-direction: column; align-items: center; gap: 2px; min-width: 72px;
}
.at-kart.aktif { border-color: var(--kp-turuncu); background: #fff1ee; }
.at-kart:hover:not(.aktif) { border-color: #d1d5db; background: #fafafa; }
.at-ikon { font-size: 22px; }
.at-ad { font-size: 12px; font-weight: 600; color: var(--kp-metin); }
.at-alt { font-size: 11px; color: var(--kp-metin-ac); }

/* HERO FORM ALANLARI */
.hero-form-satir {
  display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-bottom: 12px;
}
.hero-form-satir.tek { grid-template-columns: 1fr; }
.hero-form-satir.uc { grid-template-columns: 1fr 1fr 1fr; }
.kp-input-g { display: flex; flex-direction: column; gap: 4px; }
.kp-input-g label { font-size: 12px; font-weight: 600; color: var(--kp-metin); }
.kp-input-g input, .kp-input-g select, .kp-input-g textarea {
  border: 1.5px solid var(--kp-kenar); border-radius: 8px;
  padding: 10px 12px; font-size: 14px; color: var(--kp-metin);
  transition: border-color var(--kp-gecis); background: #fff;
}
.kp-input-g input:focus, .kp-input-g select:focus, .kp-input-g textarea:focus {
  outline: none; border-color: var(--kp-turuncu);
  box-shadow: 0 0 0 3px rgba(255,87,34,.1);
}
.kp-input-g textarea { resize: vertical; min-height: 80px; }

/* ── BUTONLAR ── */
.kp-btn {
  display: inline-flex; align-items: center; gap: 6px;
  padding: 9px 18px; border-radius: var(--kp-r-kucuk);
  font-size: 13px; font-weight: 600; cursor: pointer;
  transition: all var(--kp-gecis); border: none; white-space: nowrap;
}
.kp-btn-t { background: var(--kp-turuncu); color: #fff; }
.kp-btn-t:hover { background: var(--kp-turuncu-k); }
.kp-btn-b { background: var(--kp-mavi); color: #fff; }
.kp-btn-b:hover { background: #0d47a1; }
.kp-btn-y { background: #f59e0b; color: #fff; }
.kp-btn-y:hover { background: #d97706; }
.kp-btn-g { background: var(--kp-yari); color: var(--kp-metin); border: 1px solid var(--kp-kenar); }
.kp-btn-g:hover { background: #f3f4f6; }
.kp-btn-r { background: #fee2e2; color: var(--kp-kirmizi); }
.kp-btn-r:hover { background: var(--kp-kirmizi); color: #fff; }
.kp-btn-yesil { background: #d1fae5; color: var(--kp-yesil); }
.kp-btn-yesil:hover { background: var(--kp-yesil); color: #fff; }
.kp-btn-lg { padding: 13px 28px; font-size: 15px; border-radius: 12px; }
.kp-btn:disabled { opacity: .55; pointer-events: none; }

/* ── KARTLAR ── */
.kp-kart {
  background: var(--kp-kart); border: 1px solid var(--kp-kenar);
  border-radius: var(--kp-r); padding: 20px;
  box-shadow: var(--kp-golge); transition: box-shadow var(--kp-gecis);
}
.kp-kart:hover { box-shadow: var(--kp-golge-k); }
.kp-kart h3 { margin-bottom: 14px; font-size: 16px; }

/* İLAN KARTI */
.ilan-kart {
  background: #fff; border: 1px solid var(--kp-kenar); border-radius: var(--kp-r);
  padding: 18px; cursor: pointer; transition: all var(--kp-gecis);
  display: flex; flex-direction: column; gap: 10px;
}
.ilan-kart:hover { border-color: var(--kp-turuncu); box-shadow: 0 4px 20px rgba(255,87,34,.1); transform: translateY(-2px); }
.ilan-kart-baslik { font-family: var(--syne); font-size: 14px; font-weight: 700; color: var(--kp-metin); }
.ilan-kart-meta { display: flex; gap: 8px; flex-wrap: wrap; }
.ilan-kart-meta span { font-size: 12px; color: var(--kp-metin-ac); }
.ilan-kart-fiyat { font-family: var(--syne); font-size: 18px; font-weight: 800; color: var(--kp-turuncu); }
.ilan-kart-durum {
  display: inline-flex; align-items: center; gap: 5px;
  font-size: 11px; font-weight: 600; padding: 3px 9px; border-radius: 99px;
}
.durum-bos { background: #d1fae5; color: #065f46; }
.durum-rezerve { background: #fef9c3; color: #854d0e; }
.durum-tamamlandi { background: #dbeafe; color: #1e40af; }
.durum-iptal { background: #fee2e2; color: #991b1b; }

/* İLAN IZGARASI */
.ilan-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 16px;
}

/* ── SEKME SİSTEMİ ── */
.kp-sekme-bar {
  display: flex; gap: 4px; flex-wrap: wrap;
  background: #f3f4f6; padding: 6px; border-radius: 12px; margin-bottom: 20px;
}
.kp-sekme-btn {
  padding: 9px 18px; border-radius: 8px; font-size: 13px; font-weight: 600;
  background: none; color: var(--kp-metin-ac); transition: all var(--kp-gecis);
}
.kp-sekme-btn.aktif { background: #fff; color: var(--kp-metin); box-shadow: 0 1px 4px rgba(0,0,0,.1); }
.kp-sekme-btn:hover:not(.aktif) { color: var(--kp-metin); }
.kp-sekme-icerik { display: none; }
.kp-sekme-icerik.aktif { display: block; }

/* ── BADGE/ETİKET ── */
.kp-badge {
  display: inline-flex; align-items: center;
  padding: 3px 9px; border-radius: 99px; font-size: 11px; font-weight: 600;
}
.kp-badge-t { background: #fff1ee; color: var(--kp-turuncu); }
.kp-badge-m { background: #f3f4f6; color: var(--kp-metin); }
.kp-badge-s { background: #dbeafe; color: #1e40af; }
.kp-badge-y { background: #d1fae5; color: #065f46; }
.kp-badge-r { background: #fee2e2; color: #991b1b; }
.kp-badge-onaylı::before { content: '✓ '; }

/* ── MODAL ── */
.kp-modal-arka {
  position: fixed; inset: 0; z-index: 1000;
  background: rgba(0,0,0,.55); backdrop-filter: blur(3px);
  display: none; align-items: center; justify-content: center; padding: 20px;
}
.kp-modal-arka.aktif { display: flex; }
.kp-modal {
  background: #fff; border-radius: 20px; padding: 32px;
  width: 100%; max-width: 520px; max-height: 90vh; overflow-y: auto;
  box-shadow: 0 24px 80px rgba(0,0,0,.2); position: relative;
}
.kp-modal-kapat {
  position: absolute; top: 16px; right: 16px;
  background: var(--kp-yari); border: none; border-radius: 8px;
  padding: 6px 10px; font-size: 16px; cursor: pointer; color: var(--kp-metin-ac);
}
.kp-modal-kapat:hover { background: #fee2e2; color: var(--kp-kirmizi); }
.modal-h { font-family: var(--syne); font-size: 20px; font-weight: 800; margin-bottom: 20px; }

/* ── FORUM ── */
.forum-konu {
  background: #fff; border: 1px solid var(--kp-kenar); border-radius: var(--kp-r);
  padding: 18px 20px; cursor: pointer;
  display: flex; align-items: flex-start; gap: 14px;
  transition: all var(--kp-gecis); margin-bottom: 8px;
}
.forum-konu:hover { border-color: var(--kp-turuncu); background: #fffaf9; }
.forum-konu-icon { font-size: 28px; flex-shrink: 0; }
.forum-konu-icerik { flex: 1; min-width: 0; }
.forum-konu-baslik { font-family: var(--syne); font-size: 15px; font-weight: 700; color: var(--kp-metin); margin-bottom: 4px; }
.forum-konu-meta { font-size: 12px; color: var(--kp-metin-ac); display: flex; gap: 12px; flex-wrap: wrap; }
.forum-konu-stats { display: flex; flex-direction: column; align-items: center; gap: 2px; flex-shrink: 0; }
.forum-konu-stats strong { font-size: 18px; font-weight: 800; color: var(--kp-metin); }
.forum-konu-stats span { font-size: 11px; color: var(--kp-metin-ac); }
.forum-sabit { border-left: 3px solid var(--kp-turuncu); }
.forum-kategori-chip {
  display: inline-flex; align-items: center; gap: 4px;
  background: var(--kp-yari); border: 1px solid var(--kp-kenar);
  padding: 4px 10px; border-radius: 99px; font-size: 12px; font-weight: 600;
  color: var(--kp-metin-ac); cursor: pointer; transition: all var(--kp-gecis);
}
.forum-kategori-chip.aktif,
.forum-kategori-chip:hover { background: #fff1ee; border-color: var(--kp-turuncu); color: var(--kp-turuncu); }
.forum-like-btn {
  display: inline-flex; align-items: center; gap: 5px;
  background: none; border: 1px solid var(--kp-kenar); border-radius: 99px;
  padding: 4px 12px; font-size: 13px; color: var(--kp-metin-ac);
  transition: all var(--kp-gecis); cursor: pointer;
}
.forum-like-btn:hover, .forum-like-btn.begendim { background: #fff1ee; border-color: var(--kp-turuncu); color: var(--kp-turuncu); }

/* ── KARGO TAKİP ── */
.takip-zaman-cizelgesi { display: flex; flex-direction: column; gap: 0; }
.takip-adim {
  display: flex; gap: 16px; position: relative; padding-bottom: 24px;
}
.takip-adim:last-child { padding-bottom: 0; }
.takip-adim-sol { display: flex; flex-direction: column; align-items: center; }
.takip-adim-nokta {
  width: 36px; height: 36px; border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  font-size: 16px; flex-shrink: 0; z-index: 1;
}
.takip-adim-nokta.tamamlandi { background: var(--kp-yesil); }
.takip-adim-nokta.aktif { background: var(--kp-turuncu); }
.takip-adim-nokta.bekliyor { background: #e5e7eb; }
.takip-adim-cizgi { flex: 1; width: 2px; background: var(--kp-kenar); margin: 0 auto; }
.takip-adim-cizgi.tamamlandi { background: var(--kp-yesil); }
.takip-adim-icerik { flex: 1; padding-top: 6px; }
.takip-adim-baslik { font-weight: 700; font-size: 14px; color: var(--kp-metin); }
.takip-adim-zaman { font-size: 12px; color: var(--kp-metin-ac); margin-top: 2px; }

/* ── TEKLİF SİSTEMİ ── */
.teklif-kart {
  background: #fff; border: 1px solid var(--kp-kenar); border-radius: var(--kp-r);
  padding: 16px; display: flex; align-items: center; gap: 14px; margin-bottom: 8px;
  transition: all var(--kp-gecis);
}
.teklif-kart.kazanan { border-color: var(--kp-yesil); background: #f0fdf4; }
.teklif-kart:hover { border-color: var(--kp-turuncu); }

/* ── PANEL SEKMELERİ ── */
.panel-ana { max-width: 1200px; margin: 0 auto; padding: 24px 20px; }
.panel-grid { display: grid; grid-template-columns: 220px 1fr; gap: 20px; }
.panel-sidebar {
  background: #fff; border: 1px solid var(--kp-kenar); border-radius: var(--kp-r);
  padding: 12px; height: fit-content; position: sticky; top: 80px;
}
.panel-menu-btn {
  display: flex; align-items: center; gap: 10px;
  padding: 10px 14px; border-radius: 8px; width: 100%; text-align: left;
  font-size: 13px; font-weight: 500; background: none; color: var(--kp-metin-ac);
  transition: all var(--kp-gecis); margin-bottom: 2px;
}
.panel-menu-btn:hover, .panel-menu-btn.aktif {
  background: #fff1ee; color: var(--kp-turuncu);
}
.panel-menu-btn .pm-icon { font-size: 16px; }

/* ── ADMIN ── */
.kp-stat {
  background: #fff; border: 1px solid var(--kp-kenar); border-radius: var(--kp-r);
  padding: 20px; text-align: center;
}
.kp-stat-sayi { font-family: var(--syne); font-size: 36px; font-weight: 800; }
.kp-stat-etiket { font-size: 13px; color: var(--kp-metin-ac); margin-top: 4px; }
.kp-g4 { display: grid; grid-template-columns: repeat(4,1fr); gap: 14px; margin-bottom: 20px; }
.kp-g2 { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.kp-tablo { width: 100%; border-collapse: collapse; font-size: 13px; }
.kp-tablo th { padding: 10px 12px; background: #f8fafc; text-align: left; font-weight: 600; border-bottom: 1.5px solid var(--kp-kenar); }
.kp-tablo td { padding: 10px 12px; border-bottom: 1px solid #f3f4f6; vertical-align: middle; }
.kp-tablo tr:hover td { background: #fffaf9; }
.kp-f { display: flex; flex-direction: column; gap: 6px; margin-bottom: 14px; }
.kp-f label { font-size: 13px; font-weight: 600; color: #374151; }
.kp-f input, .kp-f select, .kp-f textarea {
  border: 1.5px solid #d1d5db; border-radius: 8px; padding: 9px 12px;
  font-size: 14px; transition: border-color var(--kp-gecis);
}
.kp-f input:focus, .kp-f select:focus, .kp-f textarea:focus {
  outline: none; border-color: var(--kp-turuncu);
  box-shadow: 0 0 0 3px rgba(255,87,34,.08);
}
.kp-bildirim {
  background: #fff7ed; border: 1px solid #fed7aa; border-radius: 10px;
  padding: 12px 16px; margin-bottom: 14px; font-size: 14px; color: #92400e;
}

/* ── MESAJ SİSTEMİ ── */
.mesaj-alani {
  display: flex; height: 560px;
  border: 1px solid var(--kp-kenar); border-radius: var(--kp-r);
  overflow: hidden; background: #fff;
}
.mesaj-liste { width: 260px; border-right: 1px solid var(--kp-kenar); overflow-y: auto; }
.mesaj-kisi {
  padding: 14px 16px; cursor: pointer; border-bottom: 1px solid #f3f4f6;
  transition: background var(--kp-gecis);
}
.mesaj-kisi:hover, .mesaj-kisi.aktif { background: #fff7f5; }
.mesaj-kisi-ad { font-size: 14px; font-weight: 600; }
.mesaj-kisi-son { font-size: 12px; color: var(--kp-metin-ac); }
.mesaj-sohbet { flex: 1; display: flex; flex-direction: column; }
.mesaj-sohbet-baslik { padding: 14px 18px; border-bottom: 1px solid var(--kp-kenar); font-weight: 700; }
.mesaj-balonlar { flex: 1; overflow-y: auto; padding: 16px; display: flex; flex-direction: column; gap: 10px; }
.mesaj-balon { max-width: 72%; display: flex; flex-direction: column; gap: 3px; }
.mesaj-balon.benim { align-self: flex-end; align-items: flex-end; }
.mesaj-balon.karsı { align-self: flex-start; }
.balon-ic { padding: 10px 14px; border-radius: 14px; font-size: 14px; line-height: 1.5; }
.benim .balon-ic { background: var(--kp-turuncu); color: #fff; border-bottom-right-radius: 4px; }
.karsı .balon-ic { background: #f3f4f6; color: var(--kp-metin); border-bottom-left-radius: 4px; }
.balon-zaman { font-size: 11px; color: var(--kp-metin-ac); }
.mesaj-gir { padding: 14px 16px; border-top: 1px solid var(--kp-kenar); display: flex; gap: 8px; }
.mesaj-gir input { flex: 1; border: 1.5px solid var(--kp-kenar); border-radius: 10px; padding: 10px 14px; font-size: 14px; }
.mesaj-gir input:focus { outline: none; border-color: var(--kp-turuncu); }

/* ── MESAJ ALERT ── */
.kp-alert {
  padding: 12px 18px; border-radius: 10px; font-size: 14px; margin-bottom: 14px; font-weight: 500;
}
.kp-alert-y { background: #d1fae5; color: #065f46; border: 1px solid #a7f3d0; }
.kp-alert-h { background: #fee2e2; color: #991b1b; border: 1px solid #fca5a5; }
.kp-alert-b { background: #dbeafe; color: #1e40af; border: 1px solid #93c5fd; }
.kp-alert-u { background: #fef3c7; color: #92400e; border: 1px solid #fcd34d; }

/* ── YASAL SAYFALAR ── */
.yasal-icerik { max-width: 800px; margin: 0 auto; }
.yasal-icerik h2 { margin-bottom: 20px; }
.yasal-icerik h3 { margin: 24px 0 10px; font-size: 16px; color: var(--kp-metin); }
.yasal-icerik p { margin-bottom: 12px; line-height: 1.75; }
.yasal-icerik ul, .yasal-icerik ol { margin: 0 0 14px 24px; }
.yasal-icerik li { margin-bottom: 6px; line-height: 1.65; color: var(--kp-metin-ac); }
.yasal-icerik table { width: 100%; border-collapse: collapse; margin-bottom: 16px; font-size: 14px; }
.yasal-icerik table th { background: #f8fafc; padding: 10px; text-align: left; border: 1px solid var(--kp-kenar); font-weight: 600; }
.yasal-icerik table td { padding: 10px; border: 1px solid var(--kp-kenar); color: var(--kp-metin-ac); }

/* ── LOADING SKELETON ── */
.skeleton {
  background: linear-gradient(90deg, #f3f4f6 25%, #e5e7eb 50%, #f3f4f6 75%);
  background-size: 200% 100%; border-radius: 8px;
  animation: skeleton-shine 1.5s infinite;
}
@keyframes skeleton-shine { from { background-position: 200% 0; } to { background-position: -200% 0; } }

/* ── RESPONSIVE ── */
@media (max-width: 900px) {
  .kp-nav-desk { display: none; }
  .hamburger { display: flex; }
  .hero-form-satir, .hero-form-satir.uc { grid-template-columns: 1fr 1fr; }
  .kp-g4 { grid-template-columns: 1fr 1fr; }
  .kp-g2 { grid-template-columns: 1fr; }
  .panel-grid { grid-template-columns: 1fr; }
  .panel-sidebar { position: static; }
  .mesaj-alani { flex-direction: column; height: auto; }
  .mesaj-liste { width: 100%; height: 200px; }
}
@media (max-width: 560px) {
  .hero-form-satir, .hero-form-satir.uc { grid-template-columns: 1fr; }
  .hero-kart { padding: 18px 16px; }
  .kp-g4 { grid-template-columns: 1fr 1fr; }
  .hs-bar { gap: 4px; }
  .hs-btn { padding: 7px 11px; font-size: 12px; }
  .ilan-grid { grid-template-columns: 1fr; }
  .kp-sekme-bar { gap: 2px; }
  .kp-sekme-btn { padding: 7px 12px; font-size: 12px; }
}