* { margin:0; padding:0; box-sizing:border-box; }
body { font-family:'Segoe UI', Arial, sans-serif; background:#eef0f3; color:#222; line-height:1.6; }
a { text-decoration:none; color:inherit; }
img { max-width:100%; display:block; }
.container { max-width:1180px; margin:0 auto; padding:0 15px; }
.temizle::after { content:""; display:table; clear:both; }

/* ÜST BİLGİ ŞERİDİ */
.ust-serit { background:#0d3b66; color:#dbe6f5; font-size:12.5px; padding:6px 0; }
.ust-serit .container { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:8px; }
.ust-serit .piyasa { display:flex; gap:16px; flex-wrap:wrap; }
.ust-serit .piyasa span b { color:#fff; }
.ust-serit .sag-blok { display:flex; gap:14px; align-items:center; }
.ust-serit .sag-blok a { color:#dbe6f5; }
.ust-serit .sag-blok a:hover { color:#fff; text-decoration:underline; }

/* HEADER */
header.site-header { background:#fff; padding:16px 0; border-bottom:1px solid #e2e5e9; }
header.site-header .top-inner { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:10px; }
header.site-header .logo { font-size:30px; font-weight:900; color:#0d3b66; letter-spacing:.5px; }
header.site-header .logo span { color:#d62828; }
header.site-header .tarih { font-size:13px; color:#888; }
.arama-kutu { display:flex; }
.arama-kutu input { border:1px solid #ddd; border-radius:4px 0 0 4px; padding:8px 10px; font-size:13px; width:170px; }
.arama-kutu button { border:none; background:#0d3b66; color:#fff; padding:8px 14px; border-radius:0 4px 4px 0; cursor:pointer; }

/* MOBİL HAMBURGER MENÜ BUTONU (varsayılan olarak gizli, sadece mobilde görünür) */
.menu-toggle { display:none; flex-direction:column; justify-content:center; gap:5px; width:38px; height:38px; background:#0d3b66; border:none; border-radius:5px; cursor:pointer; padding:0; }
.menu-toggle span { display:block; width:20px; height:2px; background:#fff; margin:0 auto; transition:transform .2s, opacity .2s; }
.menu-toggle.acik span:nth-child(1) { transform:translateY(7px) rotate(45deg); }
.menu-toggle.acik span:nth-child(2) { opacity:0; }
.menu-toggle.acik span:nth-child(3) { transform:translateY(-7px) rotate(-45deg); }

/* NAV */
nav.site-nav { background:#0d3b66; }
nav.site-nav ul { list-style:none; display:flex; flex-wrap:wrap; }
nav.site-nav li a { display:block; padding:13px 18px; color:#e8eef7; font-weight:700; font-size:14px; text-transform:uppercase; letter-spacing:.3px; }
nav.site-nav li a:hover, nav.site-nav li a.aktif { background:#d62828; color:#fff; }

/* SON DAKİKA BANDI */
.son-dakika-serit { background:#d62828; color:#fff; display:flex; align-items:center; overflow:hidden; }
.son-dakika-serit .etiket { background:#a11d1d; padding:9px 16px; font-weight:800; font-size:13px; flex-shrink:0; white-space:nowrap; }
.son-dakika-serit .kayan-alan { flex:1; overflow:hidden; white-space:nowrap; position:relative; height:36px; }
.son-dakika-serit .kayan-icerik { display:inline-block; padding-left:100%; animation: kaydir 30s linear infinite; line-height:36px; font-size:13.5px; }
.son-dakika-serit .kayan-icerik a { color:#fff; margin-right:50px; font-weight:600; }
@keyframes kaydir { 0% { transform:translateX(0); } 100% { transform:translateX(-100%); } }

/* ANA İÇERİK GRID (sol içerik + sağ sidebar) */
.ana-grid { display:grid; grid-template-columns: 2.3fr 1fr; gap:22px; margin:22px 0 40px; align-items:start; }

/* MANŞET BLOĞU */
.manset-blok { display:grid; grid-template-columns:1.5fr 1fr; gap:14px; margin-bottom:26px; }
.manset-ana { position:relative; border-radius:6px; overflow:hidden; background:#ccc; min-height:340px; }
.manset-ana img { width:100%; height:340px; object-fit:cover; }
.manset-ana .icerik { position:absolute; bottom:0; left:0; right:0; background:linear-gradient(transparent, rgba(0,0,0,.9)); padding:20px 18px 16px; color:#fff; }
.manset-ana .icerik h2 { font-size:23px; line-height:1.3; }
.manset-yan { display:flex; flex-direction:column; gap:12px; }
.manset-yan .kart { position:relative; border-radius:6px; overflow:hidden; background:#ccc; height:162px; }
.manset-yan .kart img { width:100%; height:100%; object-fit:cover; }
.manset-yan .kart .icerik { position:absolute; bottom:0; left:0; right:0; background:linear-gradient(transparent, rgba(0,0,0,.85)); padding:10px 12px; color:#fff; font-weight:700; font-size:14px; line-height:1.3; }

.etiket-kategori { display:inline-block; background:#d62828; color:#fff; font-size:10.5px; font-weight:800; padding:3px 9px; border-radius:3px; text-transform:uppercase; margin-bottom:6px; }
.okunma-rozet { font-size:11.5px; color:#c9d4e3; font-weight:600; margin-top:4px; opacity:.9; }

/* BÖLÜM BAŞLIĞI */
.bolum-baslik { display:flex; justify-content:space-between; align-items:center; border-bottom:3px solid #0d3b66; padding-bottom:8px; margin:0 0 16px; }
.bolum-baslik h2 { font-size:19px; font-weight:800; color:#0d3b66; text-transform:uppercase; }
.bolum-baslik a { font-size:12.5px; color:#d62828; font-weight:700; }

/* HABER GRID */
.haber-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-bottom:30px; }
.haber-karti { background:#fff; border-radius:6px; overflow:hidden; box-shadow:0 1px 3px rgba(0,0,0,.08); transition:transform .15s; }
.haber-karti:hover { transform:translateY(-3px); }
.haber-karti .resim { height:150px; background:#ddd; overflow:hidden; }
.haber-karti .resim img { width:100%; height:100%; object-fit:cover; }
.haber-karti .metin { padding:12px; }
.haber-karti h3 { font-size:15px; margin-bottom:6px; color:#16233a; line-height:1.35; }
.haber-karti .meta { font-size:11.5px; color:#999; margin-top:8px; }

/* SIDEBAR */
.sidebar-kutu { background:#fff; border-radius:6px; box-shadow:0 1px 3px rgba(0,0,0,.06); margin-bottom:20px; overflow:hidden; }
.sidebar-kutu .baslik { background:#0d3b66; color:#fff; font-size:14px; font-weight:800; padding:11px 14px; text-transform:uppercase; }
.sidebar-kutu .baslik.kirmizi { background:#d62828; }
.cok-okunan-liste { list-style:none; }
.cok-okunan-liste li { display:flex; gap:10px; padding:11px 14px; border-bottom:1px solid #f0f1f3; align-items:flex-start; }
.cok-okunan-liste li:last-child { border-bottom:none; }
.cok-okunan-liste .sira { font-size:22px; font-weight:900; color:#dfe3e8; width:26px; flex-shrink:0; line-height:1; }
.cok-okunan-liste .baslik-metin { font-size:13.5px; font-weight:600; line-height:1.4; color:#16233a; }

/* YAZARLAR */
.yazar-listesi { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; margin-bottom:30px; }
.yazar-kart { background:#fff; border-radius:6px; padding:16px; text-align:center; box-shadow:0 1px 3px rgba(0,0,0,.06); }
.yazar-kart img { width:70px; height:70px; border-radius:50%; object-fit:cover; margin:0 auto 10px; }
.yazar-kart .ad { font-weight:800; font-size:13.5px; color:#0d3b66; margin-bottom:4px; }
.yazar-kart .son-yazi { font-size:12px; color:#666; line-height:1.3; }

/* HABER DETAY */
.detay-wrap { background:#fff; border-radius:6px; padding:26px; box-shadow:0 1px 3px rgba(0,0,0,.06); margin-bottom:24px; }
.detay-baslik { font-size:27px; font-weight:800; color:#16233a; margin:6px 0 10px; line-height:1.3; }
.detay-spot { font-size:15.5px; color:#555; margin-bottom:14px; font-weight:600; }
.detay-meta { color:#888; font-size:13px; margin-bottom:16px; padding-bottom:14px; border-bottom:1px solid #eee; }
.detay-resim { margin-bottom:20px; border-radius:6px; overflow:hidden; }
.detay-resim img { width:100%; max-height:440px; object-fit:cover; }
.detay-icerik { font-size:16px; }
.detay-icerik p { margin-bottom:14px; }

/* PAYLAŞIM BUTONLARI */
.paylasim-alani { display:flex; align-items:center; gap:10px; margin-top:22px; padding-top:18px; border-top:1px solid #eee; flex-wrap:wrap; }
.paylasim-etiket { font-weight:700; font-size:13.5px; color:#555; }
.paylasim-btn { padding:8px 14px; border-radius:5px; color:#fff; font-size:13px; font-weight:700; }
.paylasim-btn.fb { background:#1877f2; }
.paylasim-btn.tw { background:#000; }
.paylasim-btn.wa { background:#25d366; }

/* YORUMLAR */
.yorum-karti { border-bottom:1px solid #f0f1f3; padding:12px 0; }
.yorum-ust { font-size:13px; margin-bottom:4px; }
.yorum-ust strong { color:#16233a; }
.yorum-ust span { color:#999; margin-right:8px; font-weight:400; }
.yorum-metin { font-size:14px; color:#333; line-height:1.5; }

/* SAYFALAMA */
.sayfalama { text-align:center; margin-bottom:30px; }
.sayfalama a { display:inline-block; padding:8px 13px; margin:0 3px; background:#fff; color:#333; border-radius:4px; font-weight:700; font-size:13px; box-shadow:0 1px 3px rgba(0,0,0,.08); }
.sayfalama a.aktif { background:#d62828; color:#fff; }

/* FOOTER */
footer.site-footer { background:#0d3b66; color:#c7d4e6; padding:34px 0 18px; margin-top:10px; }
footer.site-footer .foot-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:20px; margin-bottom:20px; }
footer.site-footer h4 { color:#fff; font-size:14px; margin-bottom:12px; text-transform:uppercase; }
footer.site-footer ul { list-style:none; }
footer.site-footer li { margin-bottom:7px; font-size:13.5px; }
footer.site-footer a:hover { text-decoration:underline; }
footer.site-footer .alt-bar { border-top:1px solid rgba(255,255,255,.15); padding-top:14px; text-align:center; font-size:12.5px; color:#9db1cc; }

@media(max-width:900px){
  .ana-grid{grid-template-columns:1fr;}
  .manset-blok{grid-template-columns:1fr;}
  .haber-grid{grid-template-columns:repeat(2,1fr);}
  .yazar-listesi{grid-template-columns:repeat(2,1fr);}
  footer.site-footer .foot-grid{grid-template-columns:repeat(2,1fr);}

  /* Hamburger menüyü göster, masaüstü menüsünü mobil davranışına çevir */
  .menu-toggle { display:flex; }
  nav.site-nav { max-height:0; overflow:hidden; transition:max-height .25s ease; }
  nav.site-nav.acik { max-height:600px; }
  nav.site-nav ul { flex-direction:column; padding:6px 0; }
  nav.site-nav li a { padding:12px 15px; border-bottom:1px solid rgba(255,255,255,.08); }

  header.site-header .top-inner { flex-wrap:wrap; }
  .arama-kutu { order:3; width:100%; margin-top:8px; }
  .arama-kutu input { flex:1; width:auto; }
}

@media(max-width:680px){
  .ust-serit .container { flex-direction:column; align-items:flex-start; gap:4px; }
  .ust-serit .piyasa { gap:10px; overflow-x:auto; flex-wrap:nowrap; width:100%; padding-bottom:2px; }
  .ust-serit .piyasa span { white-space:nowrap; }
  .ust-serit { font-size:11.5px; }

  header.site-header { padding:12px 0; }
  header.site-header .logo { font-size:24px; }

  .manset-ana { min-height:220px; }
  .manset-ana img { height:220px; }
  .manset-ana .icerik h2 { font-size:18px; }
  .manset-yan .kart { height:120px; }

  .detay-wrap { padding:16px; }
  .detay-baslik { font-size:21px; }
  .detay-spot { font-size:14px; }

  .bolum-baslik h2 { font-size:16px; }

  .son-dakika-serit .etiket { padding:8px 10px; font-size:12px; }

  .stat-grid { grid-template-columns:repeat(2,1fr) !important; }
}

@media(max-width:500px){
  .haber-grid{grid-template-columns:1fr;}
  .yazar-listesi{grid-template-columns:1fr;}
  footer.site-footer .foot-grid{grid-template-columns:1fr;}
  .paylasim-alani { gap:8px; }
  .paylasim-btn { flex:1; text-align:center; padding:9px 8px; }
}

/* ================= ADMIN PANEL ================= */
.admin-body { background:#f1f3f6; font-family:'Segoe UI',Arial,sans-serif; }
.admin-wrap { display:flex; min-height:100vh; }
.admin-sidebar { width:230px; background:#0d3b66; color:#fff; flex-shrink:0; }
.admin-sidebar .marka { padding:20px; font-size:18px; font-weight:800; border-bottom:1px solid rgba(255,255,255,.12); }
.admin-sidebar ul { list-style:none; padding:10px 0; }
.admin-sidebar li a { display:block; padding:12px 20px; color:#c7d4e6; font-size:14px; }
.admin-sidebar li a:hover, .admin-sidebar li a.aktif { background:#d62828; color:#fff; }
.admin-main { flex:1; padding:24px 30px; }
.admin-topbar { display:flex; justify-content:space-between; align-items:center; margin-bottom:20px; flex-wrap:wrap; gap:10px; }
.admin-topbar h1 { font-size:21px; color:#0d3b66; }
.btn { display:inline-block; padding:9px 16px; border-radius:5px; background:#d62828; color:#fff; border:none; cursor:pointer; font-size:13.5px; font-weight:700; }
.btn:hover { background:#b81f1f; }
.btn-ikincil { background:#0d3b66; }
.btn-ikincil:hover { background:#0a2e50; }
.btn-kucuk { padding:5px 10px; font-size:12px; }
.kart-panel { background:#fff; border-radius:8px; padding:22px; box-shadow:0 1px 4px rgba(0,0,0,.06); margin-bottom:20px; }
table.veri-tablosu { width:100%; border-collapse:collapse; }
table.veri-tablosu th, table.veri-tablosu td { text-align:right; padding:10px 12px; border-bottom:1px solid #eee; font-size:13.5px; }
table.veri-tablosu th { background:#f7f8fa; color:#555; }
.liste-thumb { width:60px; height:40px; object-fit:cover; border-radius:4px; background:#f0f1f3; display:block; }
.liste-thumb-yok { width:60px; height:40px; border-radius:4px; background:#f0f1f3; display:flex; align-items:center; justify-content:center; color:#bbb; font-size:11px; }
.form-grup { margin-bottom:16px; }
.form-grup label { display:block; margin-bottom:6px; font-weight:700; font-size:13.5px; color:#333; }
.form-grup input[type=text], .form-grup input[type=file], .form-grup select, .form-grup textarea {
  width:100%; padding:10px; border:1px solid #ddd; border-radius:5px; font-size:14px; font-family:inherit;
}
.form-grup textarea { min-height:220px; resize:vertical; }
.uyari { padding:12px 16px; border-radius:6px; margin-bottom:16px; font-size:13.5px; }
.uyari.basarili { background:#d3f5df; color:#136c34; }
.uyari.hata { background:#fbdada; color:#a11212; }
.login-kutu { max-width:380px; margin:80px auto; background:#fff; padding:34px; border-radius:10px; box-shadow:0 2px 10px rgba(0,0,0,.1); }
.login-kutu h2 { text-align:center; margin-bottom:22px; color:#0d3b66; }
.stat-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; margin-bottom:24px; }
.stat-kart { background:#fff; padding:20px; border-radius:8px; box-shadow:0 1px 4px rgba(0,0,0,.06); }
.stat-kart .sayi { font-size:26px; font-weight:800; color:#0d3b66; }
.stat-kart .etiket-metin { font-size:12.5px; color:#888; margin-top:4px; }
.durum-rozet { padding:3px 9px; border-radius:4px; font-size:11px; font-weight:700; }
.durum-rozet.yayinda { background:#d3f5df; color:#136c34; }
.durum-rozet.taslak { background:#fde8c8; color:#a15a00; }
@media(max-width:768px){
  .admin-wrap{flex-direction:column;}
  .admin-sidebar{width:100%;}
  .stat-grid{grid-template-columns:repeat(2,1fr);}
  .admin-main{padding:16px;}
  table.veri-tablosu{display:block; overflow-x:auto; white-space:nowrap;}
  .kart-panel{padding:16px;}
}