/* Data Servis - arşiv teması: 2008 ruhu, koyu gri */
* { box-sizing: border-box; }
html {
  background-color: #17181a;
  background-image: repeating-linear-gradient(45deg, rgba(255,255,255,.018) 0 2px, transparent 2px 6px);
}
body { margin: 0; padding: 0 0 30px; color: #cdd0d3; font: 14px/1.7 "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Tahoma, Verdana, sans-serif; }
a { color: #8db8d6; }
a:hover { color: #fff; }
img { max-width: 100%; height: auto; }
iframe { max-width: 100%; }

#sayfa {
  max-width: 1240px; margin: 0 auto; background: #232427;
  border: 1px solid #0d0d0e; border-top: 0; border-radius: 0 0 10px 10px;
  box-shadow: 0 0 0 1px #2e3033 inset, 0 6px 30px rgba(0,0,0,.7);
  overflow: hidden;
}

/* parlak (glossy) başlık */
#ust {
  position: relative; display: flex; align-items: center; gap: 26px; padding: 26px 34px 22px;
  background: linear-gradient(#55585d 0%, #3b3d41 50%, #2c2e31 51%, #26282a 100%);
  border-bottom: 1px solid #111;
  box-shadow: 0 1px 0 #44474b inset;
}
#ust::after { /* üst yarıdaki parlama */
  content: ""; position: absolute; left: 0; right: 0; top: 0; height: 50%;
  background: linear-gradient(rgba(255,255,255,.10), rgba(255,255,255,.02));
  pointer-events: none;
}
#ust .logo { flex: none; line-height: 0; position: relative; z-index: 1; }
#ust .logo img { display: block; width: 237px; height: auto; filter: drop-shadow(0 3px 5px rgba(0,0,0,.6)); }
#ust .baslikalan { position: relative; z-index: 1; }
#ust .baslik {
  color: #f2f2f2; text-decoration: none; letter-spacing: -1px;
  font: bold 42px/1 "Trebuchet MS", "Lucida Grande", sans-serif;
  text-shadow: 0 -1px 0 #000, 0 2px 4px rgba(0,0,0,.6);
}
#ust p { margin: 8px 0 0; font: italic 14px Georgia, serif; color: #b2b5b9; text-shadow: 0 1px 0 #111; }
.rssrozet {
  position: absolute; z-index: 1; right: 34px; top: 50%; margin-top: -17px;
  padding: 7px 14px 7px 34px; border-radius: 17px; text-decoration: none;
  font: bold 12px/20px "Trebuchet MS", sans-serif; color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,.4);
  background: linear-gradient(#f7a541 0%, #ee8a1a 50%, #e07b0c 51%, #c9690a 100%);
  border: 1px solid #8c4a05; box-shadow: 0 1px 0 rgba(255,255,255,.35) inset, 0 1px 3px rgba(0,0,0,.5);
}
.rssrozet::before { /* rss simgesi */
  content: ""; position: absolute; left: 12px; top: 9px; width: 14px; height: 14px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='3' cy='13' r='2' fill='white'/%3E%3Cpath d='M1 7a8 8 0 0 1 8 8h-2.5A5.5 5.5 0 0 0 1 9.5z' fill='white'/%3E%3Cpath d='M1 1a14 14 0 0 1 14 14h-2.5A11.5 11.5 0 0 0 1 3.5z' fill='white'/%3E%3C/svg%3E") no-repeat center / contain;
}
.rssrozet:hover { color: #fff; background: linear-gradient(#fbb55a 0%, #f39a33 50%, #e8871d 51%, #d4740f 100%); }

/* sekmeli menü */
#menu { background: linear-gradient(#1e1f21, #151617); border-bottom: 1px solid #0b0b0c; box-shadow: 0 1px 0 #34363a; padding: 8px 26px 0; }
#menu ul { margin: 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap; gap: 4px; }
#menu a {
  display: block; padding: 8px 16px 9px; color: #c4c7ca; text-decoration: none;
  font: bold 13px "Trebuchet MS", sans-serif; text-shadow: 0 -1px 0 #000;
  background: linear-gradient(#45484c 0%, #35373a 50%, #2b2d30 51%, #26282a 100%);
  border: 1px solid #111; border-bottom: 0; border-radius: 6px 6px 0 0;
  box-shadow: 0 1px 0 rgba(255,255,255,.12) inset;
}
#menu a:hover { color: #fff; background: linear-gradient(#5a5e63 0%, #45484c 50%, #3a3c40 51%, #333539 100%); }
#menu li.aktif a { color: #fff; background: linear-gradient(#5c86a6 0%, #46708f 50%, #3b627f 51%, #335670 100%); border-color: #1b2d3b; }

#govde { display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 36px; padding: 30px 34px 10px; }

/* yazılar */
.yazi { margin-bottom: 30px; padding: 22px 24px 18px; background: #2a2b2e; border: 1px solid #1a1b1d; border-radius: 8px; box-shadow: 0 1px 0 #36383b inset, 0 2px 6px rgba(0,0,0,.35); }
.yazibas { display: flex; align-items: center; gap: 16px; margin: 0 0 16px; padding-bottom: 14px; border-bottom: 1px dotted #45484c; }
.tarih {
  flex: none; width: 58px; text-align: center; overflow: hidden;
  background: linear-gradient(#f4f4f4, #d9dadb); border: 1px solid #0f1011; border-radius: 6px;
  box-shadow: 0 2px 4px rgba(0,0,0,.5); color: #333; font-family: "Trebuchet MS", sans-serif;
}
.tarih .ay { display: block; padding: 2px 0; font: bold 11px/16px "Trebuchet MS", sans-serif; letter-spacing: 1px; color: #fff; background: linear-gradient(#5c86a6, #335670); text-shadow: 0 -1px 0 rgba(0,0,0,.4); }
.tarih .gun { display: block; font: bold 24px/28px Georgia, serif; color: #2b2d30; }
.tarih .yil { display: block; font-size: 10px; line-height: 14px; color: #6a6d71; padding-bottom: 3px; }
.yazi h2, .yazi h1 { margin: 0; font: bold 22px/1.25 "Trebuchet MS", "Lucida Grande", sans-serif; letter-spacing: -.3px; }
.yazi h1 { font-size: 26px; color: #f0f0f0; text-shadow: 0 1px 0 #000; }
.yazi h2 a { color: #ececec; text-decoration: none; text-shadow: 0 1px 0 #000; }
.yazi h2 a:hover { color: #9fcbe9; }
.bilgi { margin: 4px 0 0; font-size: 12px; color: #8b8f94; }
.bilgi a { color: #a9c6db; }

.metin p { margin: 0 0 1em; }
.eskilink { color: #8db8d6; border-bottom: 1px dotted #5d7c92; cursor: text; }
.metin strong, .metin b { color: #e6e6e6; }
.metin pre { background: #161718; border: 1px solid #0f1011; border-left: 4px solid #5c86a6; border-radius: 4px; padding: 12px 14px; overflow-x: auto; color: #d4d4d4; font: 12.5px/1.55 Consolas, "Courier New", monospace; white-space: pre; box-shadow: 0 1px 3px rgba(0,0,0,.5) inset; }
.metin code { font-family: Consolas, "Courier New", monospace; background: #161718; color: #d4d4d4; padding: 0 4px; border-radius: 3px; }
.metin blockquote { margin: 1em 0; padding: 10px 16px; border-left: 4px solid #4c4f54; color: #a9acb0; background: #232427; border-radius: 0 6px 6px 0; }
.metin img { border-radius: 3px; }
.metin img.wp-smiley { display: inline; vertical-align: middle; margin: 0 2px; border: 0; border-radius: 0; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignleft { float: left; margin: 4px 16px 8px 0; }
.alignright { float: right; margin: 4px 0 8px 16px; }
.metin::after { content: ""; display: table; clear: both; }
.wp-caption { max-width: 100%; text-align: center; font-size: 12px; color: #8a8e93; }

.yazialt { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 6px; padding-top: 12px; border-top: 1px dotted #45484c; }
.buton {
  display: inline-block; padding: 5px 16px; border-radius: 14px; text-decoration: none;
  font: bold 12px/18px "Trebuchet MS", sans-serif; color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,.5);
  background: linear-gradient(#6a6e73 0%, #505357 50%, #43464a 51%, #3a3c40 100%);
  border: 1px solid #141516; box-shadow: 0 1px 0 rgba(255,255,255,.2) inset, 0 1px 2px rgba(0,0,0,.5);
}
.buton:hover { color: #fff; background: linear-gradient(#6f97b5 0%, #507b9b 50%, #44708f 51%, #3b6582 100%); }
.yorumsay {
  margin-left: auto; padding-left: 22px; font-size: 12px; color: #a9c6db; text-decoration: none;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 14'%3E%3Cpath d='M2 1h12a1 1 0 0 1 1 1v7a1 1 0 0 1-1 1H7l-4 3v-3H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1z' fill='%23a9c6db'/%3E%3C/svg%3E") no-repeat 0 50% / 15px 13px;
}
.yorumsay.yok { color: #74787d; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 14'%3E%3Cpath d='M2 1h12a1 1 0 0 1 1 1v7a1 1 0 0 1-1 1H7l-4 3v-3H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1z' fill='%2374787d'/%3E%3C/svg%3E"); }

.arsivbaslik {
  margin: 0 0 24px; padding: 10px 18px; border-radius: 8px; border: 1px solid #111;
  font: bold 17px "Trebuchet MS", sans-serif; color: #f0f0f0; text-shadow: 0 -1px 0 #000;
  background: linear-gradient(#4d5054 0%, #3a3c40 50%, #303235 51%, #2a2c2f 100%);
  box-shadow: 0 1px 0 rgba(255,255,255,.12) inset;
}

.sayfalama, .komsu { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-bottom: 30px; font: bold 13px "Trebuchet MS", sans-serif; }
.sayfalama a, .komsu a {
  padding: 6px 14px; border-radius: 14px; text-decoration: none; color: #e6e6e6; max-width: 48%;
  background: linear-gradient(#4a4d51, #33353a); border: 1px solid #111; box-shadow: 0 1px 0 rgba(255,255,255,.12) inset;
}
.sayfalama a:hover, .komsu a:hover { background: linear-gradient(#5c86a6, #3b627f); color: #fff; }
.sayfalama .no { color: #82868b; font-weight: normal; }

/* yorumlar */
#yorumlar { padding: 18px 24px; background: #2a2b2e; border: 1px solid #1a1b1d; border-radius: 8px; box-shadow: 0 1px 0 #36383b inset; margin-bottom: 30px; }
#yorumlar h3 { margin: 0 0 6px; font: bold 18px "Trebuchet MS", sans-serif; color: #ececec; padding-left: 26px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 14'%3E%3Cpath d='M2 1h12a1 1 0 0 1 1 1v7a1 1 0 0 1-1 1H7l-4 3v-3H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1z' fill='%23a9c6db'/%3E%3C/svg%3E") no-repeat 0 55% / 18px 16px; }
ol.yorumlar, ol.alt { list-style: none; margin: 0; padding: 0; }
ol.alt { margin-left: 28px; }
.yorum { position: relative; margin: 14px 0 0; padding: 10px 14px; background: #323337; border: 1px solid #1b1c1e; border-radius: 8px; box-shadow: 0 1px 0 rgba(255,255,255,.05) inset; }
.yorum .yorum { background: #2c2d31; }
.yorum.yazar { background: #2e3a45; border-color: #1c2731; }
.yorum.yazar > .ybas b::after { content: "yazar"; margin-left: 6px; padding: 0 6px; border-radius: 8px; font: bold 10px/16px "Trebuchet MS", sans-serif; color: #fff; background: #4a7493; vertical-align: 1px; }
.ybas { font-size: 13px; margin-bottom: 4px; padding-bottom: 4px; border-bottom: 1px dotted #45484c; }
.ybas b, .ybas b a { color: #e0e0e0; }
.ytarih { font-size: 11px; color: #85898e; text-decoration: none; margin-left: 6px; }
.ymetin { font-size: 13.5px; }
.ymetin p { margin: 0 0 .6em; }
.kapali { margin: 14px 0 0; color: #85898e; font-size: 12px; font-style: italic; }
.yazi.tek + .komsu + #yorumlar:has(> .kapali:only-child) { padding: 4px 24px; }

/* kenar çubuğu kutuları */
#sidebar .kutu { margin-bottom: 24px; background: #2a2b2e; border: 1px solid #111; border-radius: 8px; box-shadow: 0 2px 6px rgba(0,0,0,.35); overflow: hidden; }
#sidebar h3 {
  margin: 0; padding: 9px 16px; color: #f2f2f2; text-shadow: 0 -1px 0 #000;
  font: bold 14px "Trebuchet MS", sans-serif;
  background: linear-gradient(#55585d 0%, #3e4044 50%, #333539 51%, #2c2e31 100%);
  border-bottom: 1px solid #111; box-shadow: 0 1px 0 rgba(255,255,255,.14) inset;
}
#sidebar ul { margin: 0; padding: 8px 16px; list-style: none; font-size: 13px; }
#sidebar li { padding: 5px 0; border-bottom: 1px dotted #404246; }
#sidebar li:last-child { border-bottom: 0; }
#sidebar li a { color: #c4c8cc; text-decoration: none; }
#sidebar li a::before { content: "» "; color: #6f9bbb; font-weight: bold; }
#sidebar li a:hover { color: #fff; }
#sidebar li span { color: #7b7f84; font-size: 11px; }
#sidebar .arsiv { max-height: 360px; overflow-y: auto; scrollbar-color: #4a4d52 #2a2b2e; }

#alt {
  margin-top: 10px; padding: 16px 34px; text-align: center; color: #9a9ea2; font-size: 12px;
  background: linear-gradient(#3a3c40 0%, #2b2d30 50%, #222326 51%, #1c1d1f 100%);
  border-top: 1px solid #0d0d0e; box-shadow: 0 1px 0 rgba(255,255,255,.08) inset;
}
#alt p { margin: 3px 0; }
#alt a { color: #c4c8cc; }
#alt .kucuk { color: #6d7176; }

@media (max-width: 900px) {
  #sayfa { border-radius: 0; }
  #govde { grid-template-columns: minmax(0, 1fr); gap: 6px; padding: 18px 12px 6px; }
  #ust { flex-direction: column; align-items: flex-start; gap: 12px; padding: 18px 16px; }
  #ust .logo img { width: 190px; }
  #ust .baslik { font-size: 32px; }
  .rssrozet { top: 18px; right: 16px; margin-top: 0; }
  #menu { padding: 8px 8px 0; }
  #menu a { padding: 7px 11px 8px; }
  .yazi, #yorumlar { padding: 16px 14px 14px; }
  .yazibas { gap: 12px; }
  .yazi h2 { font-size: 19px; }
  .yazi h1 { font-size: 22px; }
  ol.alt { margin-left: 12px; }
  #sidebar .arsiv { max-height: 220px; }
  .alignleft, .alignright { float: none; display: block; margin: 8px auto; }
}