/* Dr. Ali Hatay - Üroloji  /  Kendi tema override'ı (Jarida üstüne) */

:root {
  --renk-ana: #c0392b;
  --renk-ana-koyu: #962a1f;
  --renk-vurgu: #b8860b;
  --renk-metin: #2c2c2c;
  --renk-metin-soft: #555;
  --renk-cizgi: #e5e5e5;
}

/* Genel ferahlık */
body { color: var(--renk-metin); }
.wrapper { max-width: 1200px; margin: 20px auto; background: rgba(255,255,255,0.97); box-shadow: 0 2px 12px rgba(0,0,0,0.08); }

/* Üst nav daha sade */
.top-nav { background: #1f1f1f; }
.top-nav .top-menu a { color: #ccc; transition: color 0.2s; }
.top-nav .top-menu a:hover { color: #fff; }
.top-nav .top-menu .current-menu-item a { color: #fff; }

/* Main nav modern */
#main-nav { background: #2a2a2a; }
/* Jarida li/a border-left → height:50px ama box-sizing:content-box ile
   padding eklense bile taşabilir. Border'ları tamamen sıfırla, separatör gereksiz. */
#main-nav ul li           { border: none !important; }
#main-nav ul li a         { border: none !important; }
#main-nav .main-menu > ul > li > a {
    color: #fff;
    padding: 0 22px;
    height: 50px !important;
    line-height: 50px !important;
    display: block;
    transition: background 0.2s, color 0.2s;
}
#main-nav .main-menu > ul > li:hover > a,
#main-nav .main-menu > ul > li.current-menu-item > a { background: var(--renk-ana); color: #fff; }
#main-nav .main-menu .sub-menu { background: #2a2a2a; border-top: 3px solid var(--renk-ana); }
#main-nav .main-menu .sub-menu a { color: #ddd; padding: 10px 18px; border: none !important; }
#main-nav .main-menu .sub-menu a:hover { background: var(--renk-ana); color: #fff; }

/* İçerik alanı ferahlat */
#main-content { padding: 30px 25px; }
.content-wrap { display: flex; gap: 30px; flex-wrap: wrap; }
.content { flex: 1 1 65%; min-width: 0; }
.sidebar { flex: 0 0 30%; max-width: 320px; }

/* Tek yazı sayfası ferah */
.entry {
  background: #fff;
  padding: 35px 40px;
  border-radius: 6px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.06);
  font-family: 'Open Sans', 'Segoe UI', Verdana, sans-serif;
  font-size: 15.5px;
  line-height: 1.85;
  color: #333;
}
.entry .post-title {
  font-family: Georgia, 'Times New Roman', serif;
  font-size: 2em;
  line-height: 1.25;
  font-weight: 700;
  color: #1a1a1a;
  margin: 0 0 12px;
  border-bottom: 3px solid var(--renk-ana);
  padding-bottom: 14px;
}
.entry .post-meta {
  color: #888;
  font-size: 12.5px;
  letter-spacing: 0.3px;
  margin: 0 0 25px;
  padding-bottom: 14px;
  border-bottom: 1px solid var(--renk-cizgi);
}
.entry .post-meta span { margin-right: 18px; }
.entry .featured-img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 4px;
  margin: 0 0 25px;
}
.entry .post-content { font-size: 15.5px; line-height: 1.9; }
.entry .post-content p { margin: 0 0 1.4em; }
.entry .post-content h2 {
  font-family: Georgia, serif;
  font-size: 1.45em;
  color: var(--renk-ana);
  margin: 1.8em 0 0.7em;
  padding-bottom: 6px;
  border-bottom: 1px solid var(--renk-cizgi);
}
.entry .post-content h3 { font-size: 1.2em; color: #333; margin: 1.5em 0 0.6em; }
.entry .post-content a { color: var(--renk-ana); text-decoration: underline; }
.entry .post-content a:hover { color: var(--renk-ana-koyu); }
.entry .post-content img { max-width: 100%; height: auto; border-radius: 4px; margin: 1em auto; display: block; }
.entry .post-content blockquote {
  border-left: 4px solid var(--renk-ana);
  background: #fff7f5;
  padding: 12px 22px;
  margin: 1.4em 0;
  font-style: italic;
  color: #444;
}

/* Toggle (collapsible) — eski [toggle] shortcode yerine HTML5 details */
.entry .post-content details.toggle {
  margin: 1em 0;
  border: 1px solid var(--renk-cizgi);
  border-radius: 5px;
  background: #fafafa;
  overflow: hidden;
}
.entry .post-content details.toggle summary {
  cursor: pointer;
  padding: 12px 18px 12px 42px;
  font-weight: 600;
  color: var(--renk-ana);
  background: linear-gradient(180deg, #fff, #f5f5f5);
  border-bottom: 1px solid transparent;
  list-style: none;
  position: relative;
  transition: background 0.15s;
  user-select: none;
}
.entry .post-content details.toggle summary::-webkit-details-marker { display: none; }
.entry .post-content details.toggle summary::before {
  content: "+";
  position: absolute;
  left: 14px;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  line-height: 18px;
  text-align: center;
  background: var(--renk-ana);
  color: #fff;
  border-radius: 50%;
  font-size: 14px;
  font-weight: 700;
  transition: transform 0.2s;
}
.entry .post-content details.toggle[open] summary { border-bottom-color: var(--renk-cizgi); background: #fff7f5; }
.entry .post-content details.toggle[open] summary::before { content: "–"; }
.entry .post-content details.toggle summary:hover { background: #fef0ec; }
.entry .post-content details.toggle .toggle-body { padding: 14px 18px; background: #fff; }
.entry .post-content details.toggle .toggle-body p:last-child { margin-bottom: 0; }
.entry .post-content ul, .entry .post-content ol { margin: 1em 0 1.4em; padding-left: 1.8em; }
.entry .post-content li { margin-bottom: 0.4em; }

/* Hasta odası CTA */
.hasta-cta {
  margin-top: 35px;
  padding: 22px 25px;
  background: linear-gradient(135deg, #fff5f3, #fef0ec);
  border-radius: 6px;
  text-align: center;
  border-left: 4px solid var(--renk-ana);
}
.hasta-cta h4 { margin: 0 0 8px; color: var(--renk-ana); font-family: Georgia, serif; font-size: 1.15em; }
.hasta-cta p { margin: 0 0 14px; font-size: 13.5px; color: #555; }

.hasta-odasi-btn {
  display: inline-block;
  padding: 12px 26px;
  background: linear-gradient(180deg, var(--renk-ana), var(--renk-ana-koyu));
  color: #fff !important;
  font-weight: 600;
  border-radius: 4px;
  text-decoration: none !important;
  font-size: 13.5px;
  letter-spacing: 0.4px;
  box-shadow: 0 2px 6px rgba(192,57,43,0.25);
  transition: all 0.2s;
}
.hasta-odasi-btn:hover { transform: translateY(-1px); box-shadow: 0 4px 10px rgba(192,57,43,0.35); }

/* SIDEBAR widget'ları yenidens tasarım */
.sidebar .widget {
  background: #fff;
  border-radius: 6px;
  padding: 18px 22px;
  margin-bottom: 22px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.05);
}
.sidebar .widget-top h4 {
  font-family: Georgia, serif;
  font-size: 16px;
  font-weight: 700;
  color: #222;
  margin: 0 0 14px;
  padding-bottom: 8px;
  border-bottom: 2px solid var(--renk-ana);
  display: inline-block;
}
.sidebar .widget-top .stripe-line { display: none; }

/* Etiket bulutu */
.tag-cloud a {
  display: inline-block;
  padding: 5px 12px;
  margin: 3px 2px;
  background: #f5f5f5;
  color: #555;
  border-radius: 14px;
  font-size: 12px;
  text-decoration: none;
  transition: all 0.2s;
}
.tag-cloud a:hover { background: var(--renk-ana); color: #fff; }

/* Yazar kartı (sidebar) */
.widget-yazar .yazar-kart { text-align: center; }
.widget-yazar .yazar-kart img {
  width: 110px;
  height: 110px;
  object-fit: cover;
  border-radius: 50%;
  margin: 0 auto 10px;
  display: block;
  border: 3px solid var(--renk-ana);
}
.widget-yazar .yazar-ad { font-family: Georgia, serif; font-size: 15px; font-weight: 700; color: #222; }
.widget-yazar .yazar-unvan { font-size: 12px; color: #888; margin: 3px 0 10px; }
.widget-yazar .yazar-link {
  display: inline-block;
  font-size: 12px;
  color: var(--renk-ana);
  text-decoration: none;
  border: 1px solid var(--renk-ana);
  padding: 5px 14px;
  border-radius: 14px;
  transition: all 0.2s;
}
.widget-yazar .yazar-link:hover { background: var(--renk-ana); color: #fff; }

/* Son yazı listesi */
.son-yazi-list { list-style: none; padding: 0; margin: 0; }
.son-yazi-list li {
  padding: 9px 0;
  border-bottom: 1px solid #f0f0f0;
  font-size: 13px;
  line-height: 1.4;
}
.son-yazi-list li:last-child { border-bottom: 0; }
.son-yazi-list li a { color: #333; text-decoration: none; transition: color 0.15s; }
.son-yazi-list li a:hover { color: var(--renk-ana); }
.son-yazi-list li .tarih { color: #aaa; font-size: 11px; margin-top: 2px; }

/* Konu listesi */
.konu-list { list-style: none; padding: 0; margin: 0; }
.konu-list li { padding: 7px 0; border-bottom: 1px dashed #eee; font-size: 13px; }
.konu-list li:last-child { border-bottom: 0; }
.konu-list li a { color: var(--renk-ana); text-decoration: none; }
.konu-list li a:hover { text-decoration: underline; }
.konu-list li i { margin-right: 4px; }

/* Sidebar CTA widget */
.widget-cta {
  background: linear-gradient(135deg, #fff7f5, #fef0ec) !important;
  border-left: 3px solid var(--renk-ana);
}

/* "Sizin için seçtiklerim" — anasayfa sidebar widget */
.widget.news-pic .post-thumbnail {
  width: calc(33.33% - 8px);
  margin: 4px;
  display: inline-block;
  vertical-align: top;
  float: none;
}
.widget.news-pic .post-thumbnail img {
  width: 100%;
  height: 70px;
  object-fit: cover;
  border-radius: 4px;
  display: block;
}

/* İçerik kategorileri grid */
.cat-box { margin-bottom: 35px; }
.cat-box .scroll-item {
  width: calc(33.33% - 14px) !important;
  margin: 0 21px 0 0 !important;
  padding: 0 !important;
}
.cat-box .scroll-item:nth-child(3n) { margin-right: 0 !important; }
.cat-box .post-thumbnail { margin-bottom: 8px; }
.cat-box .post-thumbnail img { width: 100%; height: 160px; object-fit: cover; border-radius: 4px; }
.cat-box .post-box-title {
  font-family: Georgia, serif;
  font-size: 14.5px;
  line-height: 1.35;
  margin: 6px 0 4px;
}
.cat-box .post-box-title a { color: #222; text-decoration: none; }
.cat-box .post-box-title a:hover { color: var(--renk-ana); }
.cat-box .post-meta { font-size: 11.5px; color: #999; margin: 0; }

/* Footer modern */
.footer-bottom {
  background: #1a1a1a;
  border-top: 4px solid var(--renk-ana);
  padding: 18px 0;
  color: #aaa;
  font-size: 12.5px;
}
.footer-bottom .alignleft a { color: #ccc; }
.footer-bottom .linklerim img { opacity: 0.85; transition: opacity 0.2s; }
.footer-bottom .linklerim img:hover { opacity: 1; }

/* İlgili yazılar */
.related-posts {
  margin-top: 30px;
  background: #fff;
  padding: 22px 25px;
  border-radius: 6px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.05);
}
.related-posts h3 {
  font-family: Georgia, serif;
  color: var(--renk-ana);
  border-bottom: 2px solid var(--renk-ana);
  padding-bottom: 8px;
  display: inline-block;
  font-size: 1.15em;
  margin-top: 0;
}
.related-posts .scroll-item { width: calc(25% - 12px) !important; margin: 0 16px 0 0 !important; }
.related-posts .scroll-item:last-child { margin-right: 0 !important; }
.related-posts .scroll-item img { width: 100%; height: 100px; object-fit: cover; border-radius: 3px; }
.related-posts h4 { font-size: 13px; line-height: 1.3; margin: 6px 0 3px; }

/* Kategori başlıkları (anasayfa scroller) */
.cat-box-title {
  font-family: Georgia, serif;
  font-size: 16px;
  color: var(--renk-ana);
  margin: 0 0 14px;
  padding-bottom: 6px;
  border-bottom: 2px solid var(--renk-ana);
  display: inline-block;
}

/* Sayfa başlığı (kategori, arama, iletişim için) */
.page-header {
  background: linear-gradient(135deg, var(--renk-ana), var(--renk-ana-koyu));
  color: #fff;
  padding: 22px 28px;
  border-radius: 6px;
  margin-bottom: 25px;
  box-shadow: 0 2px 6px rgba(192,57,43,0.25);
}
.page-header h1, .page-header h2 {
  margin: 0;
  font-family: Georgia, serif;
  font-size: 1.4em;
  font-weight: 700;
  color: #fff;
}
.page-header .alt {
  margin: 4px 0 0;
  font-size: 13px;
  color: rgba(255,255,255,0.85);
}

/* Arama formu */
.arama-form { margin: 0 0 22px; display: flex; gap: 8px; }
.arama-form input[type=text] {
  flex: 1;
  padding: 11px 14px;
  border: 2px solid var(--renk-cizgi);
  border-radius: 4px;
  font-size: 14px;
  transition: border-color 0.2s;
}
.arama-form input[type=text]:focus { outline: 0; border-color: var(--renk-ana); }
.arama-form button {
  padding: 11px 24px;
  background: var(--renk-ana);
  color: #fff;
  border: 0;
  border-radius: 4px;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.2s;
}
.arama-form button:hover { background: var(--renk-ana-koyu); }

/* Arama sonuç kartı */
.arama-sonuc {
  background: #fff;
  padding: 18px 22px;
  margin-bottom: 12px;
  border-radius: 6px;
  border-left: 3px solid var(--renk-ana);
  box-shadow: 0 1px 3px rgba(0,0,0,0.05);
}
.arama-sonuc h3 { margin: 0 0 6px; font-family: Georgia, serif; font-size: 16px; }
.arama-sonuc h3 a { color: #222; text-decoration: none; }
.arama-sonuc h3 a:hover { color: var(--renk-ana); }
.arama-sonuc small { color: #999; font-size: 11.5px; }
.arama-sonuc p { margin: 8px 0 0; color: #555; font-size: 13px; line-height: 1.55; }

/* İletişim sayfası */
.iletisim-kart {
  background: #fff;
  padding: 30px 35px;
  border-radius: 6px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.06);
  font-size: 14.5px;
  line-height: 1.8;
}
.iletisim-kart h2 {
  font-family: Georgia, serif;
  color: var(--renk-ana);
  border-bottom: 2px solid var(--renk-ana);
  padding-bottom: 10px;
  margin: 0 0 20px;
  display: inline-block;
}
.iletisim-kart h3 { font-family: Georgia, serif; color: var(--renk-ana); margin: 25px 0 10px; font-size: 1.15em; }
.iletisim-kart .yasal-uyari { color: #777; font-size: 12.5px; border-top: 1px solid var(--renk-cizgi); padding-top: 18px; margin-top: 25px; }

/* ============================
   ANASAYFA — EKG ba\u015fl\u0131klar + b\u00f6l\u00fcm stilleri
   ============================ */

/* EKG kalp at\u0131\u015f\u0131 desenli b\u00f6l\u00fcm ba\u015fl\u0131\u011f\u0131 (\u00e7izgi yerine ekg.gif arkaplan) */
.ekg-baslik {
  position: relative;
  text-align: center;
  margin: 38px 0 22px;
  font-family: Georgia, 'Times New Roman', serif;
  font-size: 1.25em;
  color: var(--renk-ana);
  font-weight: 700;
  letter-spacing: 0.5px;
}
.ekg-baslik::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  height: 22px;
  transform: translateY(-50%);
  background: url('../img/ekg.gif') center center repeat-x;
  background-size: auto 22px;
  z-index: 1;
  opacity: 0.85;
}
.ekg-baslik > span {
  position: relative;
  z-index: 2;
  background: rgba(255, 255, 255, 0.97);
  padding: 0 22px;
  display: inline-block;
}

/* Site amac\u0131 metni */
.amac-metin {
  background: #fff;
  padding: 22px 28px;
  border-radius: 6px;
  border-left: 3px solid var(--renk-ana);
  box-shadow: 0 1px 3px rgba(0,0,0,0.05);
  font-size: 14.5px;
  line-height: 1.85;
  color: #333;
}
.amac-metin p { margin: 0 0 12px; }
.amac-metin p:last-child { margin: 0; }
.amac-metin .vurgu { color: var(--renk-ana); font-weight: 700; }

/* Faydalanma listesi */
.faydalanma {
  background: #fff;
  padding: 22px 28px 22px 48px;
  border-radius: 6px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.05);
  font-size: 14.5px;
  line-height: 1.75;
  color: #333;
  list-style: none;
  counter-reset: fayda;
  margin: 0;
}
.faydalanma li {
  position: relative;
  padding: 9px 0;
  border-bottom: 1px dashed var(--renk-cizgi);
  counter-increment: fayda;
}
.faydalanma li:last-child { border-bottom: 0; }
.faydalanma li::before {
  content: counter(fayda);
  position: absolute;
  left: -32px;
  top: 11px;
  width: 22px;
  height: 22px;
  background: var(--renk-ana);
  color: #fff;
  border-radius: 50%;
  text-align: center;
  font-size: 12px;
  font-weight: 700;
  line-height: 22px;
  font-family: Arial, sans-serif;
}
.faydalanma a { color: var(--renk-ana); font-weight: 600; text-decoration: none; }
.faydalanma a:hover { text-decoration: underline; }

/* Hasta soru-cevap iframe pano (eski mavi double-border yerine sade kart) */
.sonmesaj-pano {
  background: #fff;
  padding: 8px;
  border-radius: 6px;
  border: 1px solid var(--renk-cizgi);
  box-shadow: 0 2px 6px rgba(0,0,0,0.06);
  overflow: hidden;
}

/* Anasayfa yaz\u0131lar grid (3 s\u00fctun, 4 sat\u0131r) — Jarida border'\u0131 yerine flexbox */
section.cat-box.yazilar-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 22px;
  margin: 0;
  padding: 0;
  border: 0 !important;
  background: transparent !important;
}
section.cat-box.yazilar-grid .scroll-item {
  flex: 0 0 calc(33.333% - 15px);
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  background: #fff;
  border-radius: 6px;
  overflow: hidden;
  box-shadow: 0 1px 3px rgba(0,0,0,0.06);
  transition: transform 0.2s, box-shadow 0.2s;
}
section.cat-box.yazilar-grid .scroll-item:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}
section.cat-box.yazilar-grid .post-thumbnail { margin: 0; }
section.cat-box.yazilar-grid .post-thumbnail img {
  width: 100%;
  height: 170px;
  object-fit: cover;
  display: block;
}
section.cat-box.yazilar-grid .post-box-title {
  font-family: Georgia, serif;
  font-size: 14.5px;
  line-height: 1.35;
  margin: 12px 14px 4px;
  font-weight: 700;
}
section.cat-box.yazilar-grid .post-box-title a { color: #222; text-decoration: none; }
section.cat-box.yazilar-grid .post-box-title a:hover { color: var(--renk-ana); }
section.cat-box.yazilar-grid .post-meta {
  margin: 0 14px 12px;
  font-size: 11.5px;
  color: #999;
}

/* SLIDER (anasayfa) — pure CSS fade slider */
#flexslider {
  position: relative;
  max-width: 100%;
  margin: 0 0 24px;
  height: 330px;
  overflow: hidden;
  border-radius: 6px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}
#flexslider .slides { margin: 0; padding: 0; list-style: none; height: 330px; position: relative; }
#flexslider .slides > li {
  display: none;
  position: absolute;
  inset: 0;
  animation: none;
}
#flexslider .slides > li:first-child { display: block; }
#flexslider .slides > li img {
  width: 100%;
  height: 330px;
  object-fit: cover;
  display: block;
}
#flexslider .slider-caption {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(180deg, transparent, rgba(0,0,0,0.85));
  color: #fff;
  padding: 40px 20px 18px;
}
#flexslider .slider-caption h2 { margin: 0 0 6px; font-size: 1.35em; font-family: Georgia, serif; }
#flexslider .slider-caption h2 a { color: #fff; text-decoration: none; }
#flexslider .slider-caption h2 a:hover { color: #ffcccb; }
#flexslider .slider-caption p { margin: 0; font-size: 13px; line-height: 1.5; opacity: 0.9; }

/* Sidebar "Sizin i\u00e7in Se\u00e7tiklerim" 3 s\u00fctunlu mini grid */
.widget.news-pic .widget-container { display: flex; flex-wrap: wrap; gap: 5px; }
.widget.news-pic .post-thumbnail {
  flex: 0 0 calc(33.333% - 4px);
  width: auto !important;
  margin: 0 !important;
  float: none !important;
}
.widget.news-pic .post-thumbnail img {
  width: 100%;
  height: 70px;
  object-fit: cover;
  border-radius: 3px;
  display: block;
}

/* Mobile */
@media (max-width: 700px) {
  section.cat-box.yazilar-grid .scroll-item { flex: 0 0 calc(50% - 11px); }
  section.cat-box.yazilar-grid .post-thumbnail img { height: 140px; }
  .ekg-baslik { font-size: 1.05em; }
  .ekg-baslik > span { padding: 0 12px; }
  #flexslider, #flexslider .slides, #flexslider .slides > li img { height: 220px; }
  .faydalanma { padding-left: 42px; }
}
@media (max-width: 480px) {
  section.cat-box.yazilar-grid .scroll-item { flex: 0 0 100%; }
}

/* Yazılar sayfası — görsel yok placeholder */
.cat-box.yazilar-grid .gorsel-yok {
  width: 100%;
  height: 170px;
  background: linear-gradient(135deg, #f5f5f5, #ececec);
  display: flex;
  align-items: center;
  justify-content: center;
}
.cat-box.yazilar-grid .gorsel-yok::after {
  content: '📄';
  font-size: 2.5rem;
  opacity: 0.35;
}

/* Yazı kategori etiketi */
.cat-box.yazilar-grid .yazi-kat {
  margin: 8px 14px 0;
  font-size: 11px;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 0.5px;
}
.cat-box.yazilar-grid .yazi-kat a { color: var(--renk-ana); text-decoration: none; }
.cat-box.yazilar-grid .yazi-kat a:hover { text-decoration: underline; }

/* Sayfalama */
.yazilar-sayfalama {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  justify-content: center;
  margin: 32px 0 10px;
}
.yazilar-sayfalama .sayfa-btn {
  display: inline-block;
  padding: 7px 14px;
  border: 1px solid var(--renk-cizgi);
  border-radius: 4px;
  font-size: 13px;
  color: #555;
  text-decoration: none;
  transition: all 0.15s;
  background: #fff;
}
.yazilar-sayfalama .sayfa-btn:hover { border-color: var(--renk-ana); color: var(--renk-ana); }
.yazilar-sayfalama .sayfa-btn.aktif {
  background: var(--renk-ana);
  border-color: var(--renk-ana);
  color: #fff;
  font-weight: 700;
}

/* WP eski içerik: <span> blok olarak görünsün (font-family filtreden geçtikten sonra kalan spanlar) */
.entry .post-content > span {
  display: block;
  margin-bottom: 1.4em;
}

/* "DİĞER YAZALARIMIZ:" tarzı inline başlıklar → blok başlık */
.entry .post-content h4.wp-bolum-baslik {
  display: block;
  margin: 1.8em 0 0.5em;
  font-size: 1em;
  font-weight: 700;
  color: var(--renk-ana);
  border-top: 1px solid var(--renk-cizgi);
  padding-top: 1em;
}

/* Kitaplar sayfası grid */
.kitap-grid h2 {
  font-family: Georgia, serif;
  color: var(--renk-ana);
  font-size: 1.25em;
  margin: 30px 0 18px;
  padding-bottom: 8px;
  border-bottom: 2px solid var(--renk-ana);
  display: inline-block;
}
.kitap-row {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin: 0 0 16px;
}
.kitap-item {
  flex: 0 0 calc(25% - 15px);
  text-align: center;
}
.kitap-item img {
  width: 100%;
  height: auto;
  border-radius: 6px;
  box-shadow: 0 3px 12px rgba(0,0,0,0.15);
  display: block;
  transition: transform 0.2s, box-shadow 0.2s;
}
.kitap-item img:hover { transform: translateY(-3px); box-shadow: 0 6px 18px rgba(0,0,0,0.22); }
.kitap-etiket {
  margin: 10px 0 0;
  font-size: 13px;
  color: #555;
  font-weight: 700;
  text-align: center;
}
@media (max-width: 600px) {
  .kitap-item { flex: 0 0 calc(50% - 10px); }
}

/* clearfix helper */
.clear { clear: both; }

/* Mobile */
@media (max-width: 900px) {
  .content-wrap { display: block; }
  .content, .sidebar { width: 100%; max-width: none; }
  .sidebar { margin-top: 30px; }
  .cat-box .scroll-item, .related-posts .scroll-item { width: calc(50% - 8px) !important; margin: 0 16px 16px 0 !important; }
  .cat-box .scroll-item:nth-child(2n), .related-posts .scroll-item:nth-child(2n) { margin-right: 0 !important; }
  .entry { padding: 22px 20px; }
  .entry .post-title { font-size: 1.5em; }
  #flexslider { height: 220px !important; }
  #flexslider .slides > li img { height: 220px !important; }
}
@media (max-width: 600px) {
  .cat-box .scroll-item, .related-posts .scroll-item { width: 100% !important; margin: 0 0 16px 0 !important; }
}