/*
==========================================================================
 1. GLOBAL STYLES & RESETS
==========================================================================
*/

/* 1.1 Modern CSS Reset */
*,
*::before,
*::after {
  box-sizing: border-box;
}
html,
body {
  height: 100%;
  margin: 0;
  padding: 0;
}

/*
==========================================================================
 1.1a MOBİL DOKUNMA VURGUSUNU SIFIRLAMA (YENİ)
==========================================================================
*/
a {
    -webkit-tap-highlight-color: transparent; /* iOS/Android dokunma mavisini kaldırır */
}

/*
Theme Name: ƎKTema
Theme URI: https://www.eminkaya.net
Author: ƎK
Author URI: https://www.eminkaya.net
Description: ƎK için sıfırdan geliştirilen özel tema.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: EKTema
*/

/* ---------- Myriad Pro Font Definitions ---------- */

/* --- Regular --- */
@font-face {
  font-family: 'Myriad Pro Local';
  src: url('fonts/MYRIADPRO-REGULAR.woff') format('woff');
  font-weight: 400; /* Regular */
  font-style: normal;
  font-stretch: normal;
  font-display: swap;
}

/* Diğer varyasyonları da ekleyelim (CSS içinde kullanmak gerekirse) */
@font-face {
  font-family: 'Myriad Pro Local';
  src: url('fonts/MyriadPro-Light.woff') format('woff');
  font-weight: 300; font-style: normal; font-stretch: normal; font-display: swap;
}
@font-face {
  font-family: 'Myriad Pro Local';
  src: url('fonts/MYRIADPRO-SEMIBOLD.woff') format('woff');
  font-weight: 600; font-style: normal; font-stretch: normal; font-display: swap;
}
@font-face {
  font-family: 'Myriad Pro Local';
  src: url('fonts/MYRIADPRO-SEMIBOLDIT.woff') format('woff');
  font-weight: 600; font-style: italic; font-stretch: normal; font-display: swap;
}
@font-face {
  font-family: 'Myriad Pro Local';
  src: url('fonts/MYRIADPRO-BOLD.woff') format('woff');
  font-weight: 700; font-style: normal; font-stretch: normal; font-display: swap;
}
@font-face {
  font-family: 'Myriad Pro Local';
  src: url('fonts/MYRIADPRO-BOLDIT.woff') format('woff');
  font-weight: 700; font-style: italic; font-stretch: normal; font-display: swap;
}
@font-face {
  font-family: 'Myriad Pro Local Condensed'; /* Ayrı isim */
  src: url('fonts/MYRIADPRO-COND.woff') format('woff');
  font-weight: 400; font-style: normal; font-stretch: condensed; font-display: swap;
}
@font-face {
  font-family: 'Myriad Pro Local Condensed'; /* Ayrı isim */
  src: url('fonts/MYRIADPRO-CONDIT.woff') format('woff');
  font-weight: 400; font-style: italic; font-stretch: condensed; font-display: swap;
}
@font-face {
  font-family: 'Myriad Pro Local Bold Condensed'; /* Ayrı isim */
  src: url('fonts/MYRIADPRO-BOLDCOND.woff') format('woff');
  font-weight: 700; font-style: normal; font-stretch: condensed; font-display: swap;
}
@font-face {
  font-family: 'Myriad Pro Local Bold Condensed'; /* Ayrı isim */
  src: url('fonts/MYRIADPRO-BOLDCONDIT.woff') format('woff');
  font-weight: 700; font-style: italic; font-stretch: condensed; font-display: swap;
}


/* ---------- ---------- */

/* ---------- Font Uygulamaları (Yerel Myriad Pro & Cufon Ayrımı) ---------- */

/* === Varsayılan Font: Myriad Pro Regular (Yerel) === */
body,
.entry-content,
.entry-content p,
.entry-content li,
.entry-content blockquote,
.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6, /* İçerik içi başlıklar */
.comment-content,
.comment-content p,
.comment-author .fn,
.comment-metadata,
.comment-form label,
.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"],
.comment-form textarea,
.comment-notes,
.logged-in-as,
.comment-form-cookies-consent label,
.widget:not(.widget_search) p,
.widget ul li,
.widget a,
.academic-main .entry-content,
.academic-sidebar .widget,
.academic-sidebar .widget p,
.academic-sidebar .widget li,
.academic-sidebar .akademik-meta-list strong,
.academic-sidebar .akademik-meta-list span,
.akademik-atif-wrapper pre code,
.page-template-iletisim .entry-content,
.page-template-iletisim .entry-content p,
.page-template-iletisim .contact-info-col strong,
#cleanContactForm label,
#cleanContactForm input,
#cleanContactForm textarea,
.clean-form-message,
.error-content p,
.breadcrumb-nav,
.breadcrumb-nav a,
.entry-meta-bar, /* Tekil yazı/sayfa meta bar (Cufon değil) */
.entry-meta-bar span,
.entry-meta-bar a,
.archive-description,
input[type="text"],
input[type="email"],
input[type="url"],
input[type="search"],
textarea,
label,
.search-form .search-field,
/* Cufon olmayan başlıklar */
h1, h2:not(header .me h2):not(#masonry-grid .entry-title),
h3, h4:not(header .me h4),
h5, h6,
.widget-title,
.comments-title,
.comment-reply-title,
.entry-title,
.archive-title,
.error-title,
.page-title,
.search-title,
/* Cufon olmayan butonlar/linkler */
.comment-form .submit,
.button-back-home,
.clean-submit-button,
.akademik-button-link,
.comment-reply-link,
.pagination a,
.comment-navigation a
{
    font-family: 'Myriad Pro Local', Arial, Helvetica, sans-serif; /* YEREL REGULAR */
    font-weight: 400; /* Gerekirse spesifik elemanlarda değiştirilebilir */
    font-stretch: normal;
    /* Font size, color, line-height gibi değerler mevcut CSS'den gelmeli veya burada ayarlanmalı */
}

/* === Cufon Tarafından Yönetilecek Alanlar (Fallback Fontlar) === */
/* Bu alanlara geçici olarak sistem fontu atayalım */

/* İnce Cufon Alanları Fallback */
header .me h4,
footer .footer-menu li a,
footer .copyright,
.entry-meta /* Sadece Masonry meta */ {
    font-family: Arial, Helvetica, sans-serif; /* Fallback */
    /* font-weight ve font-stretch CSS ile ayarlanmasına gerek yok, Cufon yönetecek */
}

/* Kalın Cufon Alanları Fallback */
header .me h2, header .me h2 a,
header .sonmenu a, header .sonmenu h3,
footer .footer-title,
#masonry-grid .entry-title a,
.read-more,
.ektema-load-more-button {
    font-family: Arial, Helvetica, sans-serif; /* Fallback */
    /* font-weight ve font-stretch CSS ile ayarlanmasına gerek yok, Cufon yönetecek */
}



/* === Özel Yerel Font Ağırlıkları/Stilleri (Gerektiğinde) === */
/* Cufon olmayan ama Regular'dan farklı olması gerekenler */

/* Örnek: Semibold Başlıklar */
h1, h2:not(header .me h2):not(#masonry-grid .entry-title), h3,
.widget-title,
.comments-title,
.comment-reply-title,
.entry-title {
    font-weight: 600; /* Semibold */
}

/* Örnek: Bold Butonlar (Cufon olmayanlar) */
.comment-form .submit,
.button-back-home,
.clean-submit-button,
.akademik-button-link,
.comment-reply-link,
.pagination a,
.comment-navigation a {
    font-weight: 700; /* Bold */
}

/* Örnek: İçerik içi Strong/Bold etiketleri */
.entry-content strong, .entry-content b {
    font-weight: 700; /* Bold */
}

/* ---------- ---------- */

/* 1.2 Sticky Footer Setup */
body {
  display: flex;
  flex-direction: column;
}

/* 1.3 Helper Classes */
.screen-reader-text { /* Erişilebilirlik için gizli etiket */
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
}
.sr-only { /* Ekran okuyucular için gizli metin (mobil menü butonu için) */
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}


/*
==========================================================================
 2. LAYOUT & GRID
==========================================================================
*/

/* 2.1 Bootstrap 2 Grid Snippets */
.container-fluid:before,
.container-fluid:after,
.row-fluid:before,
.row-fluid:after {
  display: table;
  line-height: 0;
  content: "";
}
.container-fluid:after,
.row-fluid:after {
  clear: both;
}
.row-fluid {
  width: 100%;
  overflow: hidden;
}
.row-fluid [class*="span"] {
  float: left;
  margin-left: 2.127659574468085%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.row-fluid [class*="span"]:first-child {
  margin-left: 0;
}
.row-fluid .span12 { width: 100%; }
.row-fluid .span8 { width: 65.95744680851064%; }
.row-fluid .span7 { width: 57.44680851063829%; }
.row-fluid .span5 { width: 40.42553191489362%; }
.row-fluid .span4 { width: 31.91489361702128%; }

/* 2.2 Main Content Wrapper */
.genel.orta {
  width: 95%;
  max-width: 1100px;
  margin: 0 auto;
}

/* 2.3 Main Content Area */
.site-main {
  display: block;
  padding: 15px 0;
  flex-grow: 1; /* Sticky Footer için */
}


/*
==========================================================================
 3. HEADER
==========================================================================
*/

/* 3.1 Header Wrapper */
.beyaz {
  background-color: #FFF;
  border-bottom: 1px solid #E5E5E5;
  padding: 20px 0;
  width: 100%;
}

.beyaz .row-fluid {

  overflow: visible;

}

/* 3.2 Header Row Alignment (Desktop) - DÜZELTME: Flex kaldırıldı */
.beyaz .row-fluid { display: flex; align-items: center; justify-content: space-between; }

/* 3.3 Left Column */
.me {
  display: flex;
  align-items: center;
}
.me img {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  margin-right: 15px;
}
.me h2 {
  font-family: 'Myriad Pro Bold Condensed', Arial, sans-serif;
  font-size: 24px;
  line-height: 28px;
  margin: 0;
  color: #333;
}
.me h4 {
  font-family: 'Myriad Pro Condensed', Arial, sans-serif;
  font-size: 16px;
  line-height: 20px;
  margin: 0;
  font-weight: normal;
  color: #333;
}
.me a {
  color: #333;
  text-decoration: none;
}
.me a:hover {
  color: #000;
}

/* 3.4 Right Column (Desktop) - Stil gerekmiyor */




/*
==========================================================================
 4. NAVIGATION
==========================================================================
*/

/* 4.1 Desktop Main Menu */

/* Ana navigasyon konteynerini flex yap (Menü + Arama yan yana) */
.main-navigation {
  display: flex;
  align-items: center; /* Dikeyde ortala */
  justify-content: flex-end; /* İçeriği sağa yasla */
}

.sonmenu {
  /* float kaldırıldı */
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex; 
  align-items: center;

}
.sonmenu li {
  float: left; /* Bootstrap float sistemine uyum */
  margin-left: 20px;
}
.sonmenu li:first-child {
  margin-left: 0;
}
.sonmenu li a {
  font-family: 'Myriad Pro Bold Condensed', Arial, sans-serif;
  font-size: 20px;
  line-height: 40px;
  color: #333;
  text-decoration: none;
  display: block;
  white-space: nowrap;
}
.sonmenu li a:hover {
  color: #000;
}
.sonmenu li a::before { /* DÜZELTME: İkon stilleri */
  font-family: 'FontAwesome'; /* Font ailesi doğru olmalı */
  margin-right: 8px;
  font-size: 18px;
  vertical-align: middle;
}
/* DÜZELTME: İkon içerikleri */
.sonmenu .menu-akademik a::before { content: '\f0b1'; }
.sonmenu .menu-portal a::before { content: '\f02d'; }
.sonmenu .menu-blog a::before { content: '\f06c'; }
.sonmenu .menu-iletisim a::before { content: '\f086'; }

/* Masaüstünde "X" butonunu gizle */
#menu-close-button {
  display: none;
}
/* Masaüstünde Hamburger ikonunu gizle */
#menu-toggle {
  display: none;
}

/* --- YENİ EKLENEN KURAL --- */
/* Masaüstünde, menüye eklenen mobil arama öğesini gizle */
.sonmenu .mobile-search-item {
  display: none;
}

/*
==========================================================================
 HEADER AÇILIR ARAMA FORMU STİLLERİ (Modern Görünüm)
==========================================================================
*/
.search-toggle-container {
  position: relative;
  margin-left: 20px;
  display: inline-flex; /* block yerine inline-flex */
  align-items: center;
  overflow: visible; /* gerekirse */
}

#search-toggle-button {
  background: transparent;
  border: none;
  padding: 0; /* İç boşluğu sıfırla */
  margin: 0;
  cursor: pointer;
  color: #333; /* Menü linkleriyle aynı renk */
  font-size: 18px; /* Menü ikonlarıyla aynı boyut */
  line-height: 40px; /* Menü linkleriyle aynı yüksek */
  display: flex; /* İkonu ortalamak için */
  align-items: center;
}
#search-toggle-button:hover {
  color: #000;
}
#search-toggle-button .fa {
    vertical-align: middle;
}

/* Açılan Arama Kutusu Konteyneri */
.header-search {
  display: none; /* Varsayılan olarak gizli */
  position: absolute;
  top: calc(100% + 12px); /* İkonun 12px altına */
  right: -10px; /* İkonun sağına hizala (gerekirse ayarlayın) */
  background: #fff;
  padding: 20px;
  border-radius: 5px;
  box-shadow: 0 8px 25px rgba(0,0,0,0.12);
  z-index: 1000; /* Menünün üzerine çıkması için artırılabilir */
  width: 300px; /* Sabit bir genişlik verelim */
  border: 1px solid #eee;
}

/* JavaScript ile eklenecek 'search-active' sınıfı */
.search-toggle-container.search-active .header-search {
  display: block; /* Aktif olunca formu göster */
}

/* Arama Formu Elemanları (Modern Stil) */
.header-search .search-form {
  position: relative; /* Butonun pozisyonu için */
  display: flex; /* Flex'i koruyalım */
}
.header-search .search-field {
  flex-grow: 1;
  border: none;
  border-bottom: 2px solid #e0e0e0;
  /* DÜZELTME: Sağ padding'i artıralım ki ikonun altından geçsin */
  padding: 10px 40px 10px 5px; /* Üst Sağ Alt Sol (Sağ=40px) */
  font-family: Arial, sans-serif;
  font-size: 15px;
  outline: none;
  transition: border-color 0.3s ease;
}
.header-search .search-field:focus {
  border-bottom-color: #008080;
}
.header-search .search-submit {
  /* DÜZELTME: Absolute pozisyonlama */
  position: absolute; /* Konteyner (.search-form) içinde konumlandır */
  top: 0;
  right: 0; /* Sağ kenara yasla */
  bottom: 0;
  background: transparent;
  border: none;
  padding: 0 10px;
  cursor: pointer;
  color: #777;
  font-size: 18px;
  /* margin-left: -35px; SİLİNDİ */
  z-index: 2; /* Inputun üzerinde kalsın (kalsın) */
}
.header-search .search-submit:hover {
  color: #000;
}
.header-search .search-submit .fa {
    vertical-align: middle;
}


/* Mobil görünümde (@media bloğu içine) */
@media (max-width: 979px) {
  .main-navigation {
      display: block;
      text-align: right;
  }
  .search-toggle-container {
    display: none; /* Mobilde header'da arama ikonunu gizle */
  }
  .header-search { /* Mobil açılır form (menü içinde) - Stil gerekmiyor, önceki kod yeterli */
      /* Bu blok boş kalabilir veya mobil menüdeki arama için ek ayarlar yapılabilir */
  }

}

/*
==========================================================================
 4.1 HEADER ARAMA 'X' İKONU DÜZELTMESİ
==========================================================================
*/

/* Arama inputlarındaki tarayıcı varsayılan 'X' (silme) butonunu gizle */
.search-field::-webkit-search-decoration,
.search-field::-webkit-search-cancel-button,
.search-field::-webkit-search-results-button,
.search-field::-webkit-search-results-decoration {
  -webkit-appearance: none;
  display: none;
}


/*
==========================================================================
 5. CONTENT AREAS
==========================================================================
*/

/* 5.1 Archive Header */
.archive-header {
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 20px;
  margin-bottom: 30px;
}
.archive-title {
  font-family: 'Myriad Pro Bold Condensed', Arial, sans-serif;
  font-size: 32px;
  line-height: 1.3;
  margin: 0 0 10px 0;
  color: #333;
}
.archive-description {
  font-family: Arial, sans-serif;
  font-size: 16px;
  line-height: 1.7;
  color: #444;
  margin-top: 10px;
}

/* 5.2 Blog Post Summary */
.blog-post-summary {
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 30px;
  margin-bottom: 30px;
}
.blog-post-summary:last-of-type {
  border-bottom: none;
}
.entry-header {
  margin-bottom: 15px;
}
.entry-title { /* Ortak Başlık Stili (H1, H2) */
  font-family: 'Myriad Pro Bold Condensed', Arial, sans-serif;
  line-height: 1.3;
  margin: 0 0 5px 0;
  color: #333;
}
.blog-post-summary .entry-title { font-size: 28px; } /* Blog Listesi Başlığı */
.single-post .entry-title,
.page-content .entry-title { font-size: 32px; } /* Tekil Yazı/Sayfa Başlığı */

.entry-title a {
  color: #333;
  text-decoration: none;
}
.entry-title a:hover {
  color: #008080;
}
.entry-meta {
  font-family: 'Myriad Pro Condensed', Arial, sans-serif;
  font-size: 14px;
  color: #777;
}
.entry-content { /* Özet ve İçerik */
  font-family: Arial, sans-serif;
  font-size: 16px;
  line-height: 1.7;
  color: #444;
}
.entry-content p {
  margin: 0 0 15px 0;
}
.entry-content img { /* İçerik Resimleri */
  max-width: 100%;
  height: auto;
  margin: 15px 0;
}


.read-more {
 display: block;
 text-align: center;
 box-sizing: border-box;
  font-family: Arial, sans-serif; /* Cufon için fallback */
  font-size: 16px;
  
  /* YENİ VARSAYILAN STİL */
  color: #008080; /* Varsayılan metin rengi BEYAZ */
  background-color: #fff; /* Varsayılan arka plan ANA RENK */
  
  text-decoration: none;
  border: 1px solid #008080;
  padding: 8px 15px;
  border-radius: 3px;
  
  /* YENİ ANİMASYON AYARI */
  box-shadow: 0 1px 3px rgba(0,0,0,0.1); /* Hafif varsayılan gölge */
  transform: translateY(0); /* Varsayılan pozisyon */
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.read-more:hover {
  /* Renkler değişmiyor (zaten beyaz üstü ana renk) */
  color: #008080;
  background-color: #fff;
  
  /* YENİ ANİMASYON EFEKTİ */
  transform: translateY(-2px); /* Butonu 2px yukarı kaldır */
  box-shadow: 0 4px 10px rgba(0,0,0,0.15); /* Gölg_eyi belirginleştir */
}

/* 5.3 Featured Images */
.post-thumbnail { margin-bottom: 20px; }
.post-thumbnail a { display: block; }
.post-thumbnail img {
  max-width: 100%;
  height: auto;
  display: block;
  border-radius: 4px;
  box-shadow: 0 4px 10px rgba(0,0,0,0.05);
  transition: opacity 0.3s ease;
}
.post-thumbnail a:hover img { opacity: 0.85; }

/* 5.6 Pagination */
.pagination {
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
  font-family: 'Myriad Pro Bold Condensed', Arial, sans-serif;
  font-size: 18px;
}
.pagination a {
  color: #008080;
  text-decoration: none;
}
.pagination a:hover {
  text-decoration: underline;
}

/* 5.7 No Posts Found */
.no-posts {
    text-align: center;
    padding: 40px 0;
}

/* 5.8 Page Links */
.page-links {
  margin: 20px 0;
  font-family: 'Myriad Pro Bold Condensed', Arial, sans-serif;
}


/*
==========================================================================
 6. COMMENTS (Modern Stil)
==========================================================================
*/
.comments-area {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #e5e5e5;
}

/* Yorum Başlığı ve Form Başlığı */
.comments-title,
.comment-reply-title {
  font-family: 'Myriad Pro Bold Condensed', Arial, sans-serif;
  font-size: 24px;
  margin-bottom: 25px;
  color: #333;
}

/* Yorum Listesi */
.comment-list {
  list-style: none;
  margin: 0 0 30px 0;
  padding: 0;
}
.comment-list ol,
.comment-list ul {
    list-style: none;
    margin: 15px 0 15px 40px;
    padding: 0;
}
.comment-list li {
  padding: 15px 0;
  border-bottom: 1px solid #f0f0f0;
}
.comment-list li:last-child {
    border-bottom: none;
}

/* Tekil Yorum */
.comment-body {
  position: relative;
  padding-left: 65px;
}
.comment-author .avatar {
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 50%;
  border: 1px solid #eee;
}
.comment-author {
  font-weight: bold;
  font-size: 15px;
  margin-bottom: 3px;
}
.comment-author .fn { font-style: normal; }
.comment-author .says { display: none; }
.comment-meta {
  font-size: 12px;
  color: #888;
  font-family: 'Myriad Pro Condensed', Arial, sans-serif;
  margin-bottom: 10px;
}
.comment-meta a { color: #888; text-decoration: none; }
.comment-meta a:hover { text-decoration: underline; }
.comment-content {
  font-family: Arial, sans-serif;
  font-size: 15px;
  line-height: 1.7;
  color: #444;
}
.comment-content p { margin: 0 0 10px 0; }
.reply { margin-top: 10px; }
.comment-reply-link {
  font-family: 'Myriad Pro Bold Condensed', Arial, sans-serif;
  font-size: 13px;
  color: #008080;
  text-decoration: none;
  border: 1px solid #e0e0e0;
  padding: 4px 10px;
  border-radius: 3px;
  transition: all 0.2s ease;
}
.comment-reply-link:hover {
    background-color: #f5f5f5;
    border-color: #ccc;
    color: #333;
}

/* Yorum Navigasyonu Stilleri */
.comment-navigation .nav-links {
  display: flex;
  justify-content: space-between;
  margin-top: 20px; /* Üst boşluk */
  font-family: 'Myriad Pro Bold Condensed', Arial, sans-serif;
  font-size: 14px; /* Boyutu küçült */
}
.comment-navigation .nav-subtitle { display: none; }
.comment-navigation .nav-title { font-size: 14px; }
.comment-navigation a { color: #008080; text-decoration: none; }
.comment-navigation a:hover { text-decoration: underline; }

/* Yorumlar Kapalı Mesajı */
.no-comments {
    margin-top: 20px;
    font-style: italic;
    color: #777;
}

/* Yorum Formu (Modern Stil) */
.comment-form { /* Bu .modern-comment-form sınıfını da içerir */
  margin-top: 30px;
  background-color: #f9f9f9;
  padding: 25px;
  border: 1px solid #e5e5e5;
  border-radius: 4px;
  position: relative; /* Aktif durum border'ı için */
}

/* Yorum Alanı (Her zaman görünür) */
.modern-comment-form .comment-form-comment {
  margin-bottom: 15px; /* Alt boşluk (aktif olunca) */
  transition: margin 0.5s ease-out; /* Aktif olunca boşluğu ayarla */
}
/* Aktif değilken yorum alanının alt boşluğunu azalt */
.modern-comment-form:not(.form-active) .comment-form-comment {
    margin-bottom: 0;
}
.comment-form textarea { /* Yorum Textarea stili */
    width: 100%;
    padding: 12px;
    border: 1px solid #ccc;
    border-radius: 3px;
    font-family: Arial, sans-serif;
    font-size: 15px;
    box-sizing: border-box;
    background-color: #fff;
    transition: border-color 0.3s ease;
    min-height: 80px; /* Başlangıç yüksekliği */
}
.comment-form textarea:focus {
    border-color: #008080;
    outline: none;
    min-height: 120px; /* Odaklanınca biraz büyüsün */
}

/* Form Aktif Değilken Gizlenecek Alanlar */
.modern-comment-form .comment-form-fields-wrapper,
.modern-comment-form .comment-notes,
.modern-comment-form .logged-in-as,
.modern-comment-form .form-submit {
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  transition: max-height 0.5s ease-out, opacity 0.3s ease-out 0.1s, margin 0.5s ease-out, padding 0.5s ease-out;
  margin: 0; /* Margin'leri sıfırla */
  padding: 0; /* Padding'leri sıfırla */
  border: none;
}

/* Form Aktif Hale Geldiğinde (.form-active sınıfı eklenince) */
.modern-comment-form.form-active .comment-form-fields-wrapper,
.modern-comment-form.form-active .comment-notes,
.modern-comment-form.form-active .logged-in-as,
.modern-comment-form.form-active .form-submit {
  max-height: 1000px; /* Yeterince büyük bir değer */
  opacity: 1;
  margin-bottom: 15px; /* Orijinal boşlukları geri getir */
}
/* Gönder butonu için özel margin */
.modern-comment-form.form-active .form-submit {
    margin-top: 0; /* Üst boşluk olmasın */
    margin-bottom: 0; /* Alt boşluk olmasın */
}
/* Aktif olduğunda hafif bir çerçeve (isteğe bağlı) */
.modern-comment-form.form-active {
    border-color: #ccc;
}


/* Genel Form Elemanları Stilleri (Açılınca Görünecekler) */
.comment-form label {
  display: block;
  margin-bottom: 5px;
  font-weight: bold;
  font-size: 14px;
  font-family: Arial, sans-serif;
  color: #444;
}
.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"] {
  width: 100%;
  padding: 12px;
  border: 1px solid #ccc;
  border-radius: 3px;
  margin-bottom: 15px;
  font-family: Arial, sans-serif;
  font-size: 15px;
  box-sizing: border-box;
  background-color: #fff;
  transition: border-color 0.3s ease;
}
.comment-form input[type="text"]:focus,
.comment-form input[type="email"]:focus,
.comment-form input[type="url"]:focus {
    border-color: #008080;
    outline: none;
}
.comment-form .form-submit input[type="submit"] {
  display: inline-block;
  font-family: 'Myriad Pro Bold Condensed', Arial, sans-serif;
  font-size: 16px;
  color: #fff;
  background-color: #008080;
  border: 1px solid #008080;
  padding: 12px 25px;
  border-radius: 3px;
  cursor: pointer;
  transition: all 0.2s ease;
  -webkit-appearance: none;
}
.comment-form .form-submit input[type="submit"]:hover {
  background-color: #005959;
  border-color: #005959;
}
.comment-notes,
.logged-in-as,
.comment-form-cookies-consent {
  font-size: 13px;
  color: #777;
  font-family: Arial, sans-serif;
}
.comment-form-cookies-consent label { display: inline; font-weight: normal; }
.required { color: red; margin-left: 2px; }

/*
==========================================================================
 6.1 YORUM ALANI LİNK STİLLERİ (Yanıtı İptal Et, Oturum Açtınız)
==========================================================================
*/

/* "Yanıtı İptal Et" Linki Stili */
#cancel-comment-reply-link {
    font-family: 'Myriad Pro Local', Arial, sans-serif; /* Cufon olmayan yerel font */
    font-weight: 700; /* Bold */
    font-size: 13px;
    color: #777; /* Nötr renk */
    text-decoration: none;
    border: 1px solid #e0e0e0; /* .comment-reply-link ile aynı */
    padding: 4px 10px; /* .comment-reply-link ile aynı */
    border-radius: 3px;
    transition: all 0.2s ease;
    margin-left: 10px; /* Başlıktan ayır */
    vertical-align: middle; /* Başlıkla hizala */
}
#cancel-comment-reply-link:hover {
    background-color: #f9f9f9;
    border-color: #ccc;
    color: #d33a2c; /* İptal olduğu için Kırmızı */
}

/* "Oturum Açtınız..." Linkleri Stili */
.logged-in-as {
    /* Mevcut font stillerini (Bölüm 112) kullanır */
    font-size: 14px;
    padding: 0 5px; /* Hizalama için hafif boşluk */
}
.logged-in-as a {
    color: #008080; /* Tema link rengi */
    text-decoration: none;
    border-bottom: 1px dotted #008080;
    font-weight: 600; /* Semibold */
    transition: all 0.2s ease;
}
.logged-in-as a:hover {
    color: #005959;
    border-bottom-style: solid;
}

/* YENİ: "X için bir yanıt yazın" Başlığı */
.comment-reply-title {
    /* Mevcut .comments-title kuralı zaten Cufon için font-family'yi ayarlıyor. */
    /* Sadece boyutu ve boşlukları teyit edelim. */
    font-size: 18px; /* Diğer başlıklardan biraz daha küçük olabilir */
    margin-bottom: 20px;
    line-height: 1.4;
}

/* YENİ: Başlık içindeki "Kullanıcı Adı" linki */
.comment-reply-title a {
    color: #333; /* Başlık rengiyle aynı */
    text-decoration: none;
    border-bottom: 1px dotted #333; /* Hafif alt çizgi */
}
.comment-reply-title a:hover {
    color: #008080; /* Tema rengi */
    border-bottom-color: #008080;
}

/* YENİ: "Yanıtı iptal et" linki (Mevcut kuralı güncelleyelim) */
#cancel-comment-reply-link {
    font-family: 'Myriad Pro Local', Arial, sans-serif; /* Cufon olmayan yerel font */
    font-weight: 700; /* Bold */
    font-size: 13px;
    color: #777;
    text-decoration: none;
    border: 1px solid #e0e0e0;
    padding: 4px 10px;
    border-radius: 3px;
    transition: all 0.2s ease;
    margin-left: 10px;
    vertical-align: middle;
    /* Cufon'un bu linke dokunmasını engelle */
    letter-spacing: 0; /* Cufon'un bazen eklediği harf aralığını sıfırla */
}
#cancel-comment-reply-link:hover {
    background-color: #f9f9f9;
    border-color: #ccc;
    color: #d33a2c; /* İptal olduğu için Kırmızı */
}

/* Jetpack tarzı sade form (ekstra modern görünüm) */
.jetpack-style-form {
  background: #fff;
  border: 1px solid #eee;
  border-radius: 8px;
  padding: 20px 25px;
  box-shadow: 0 4px 15px rgba(0,0,0,0.05);
}

/* Başlık sade */
.jetpack-style-form .form-title {
  display: block;
  font-family: 'Myriad Pro Bold Condensed', Arial, sans-serif;
  font-size: 22px;
  margin-bottom: 15px;
  color: #333;
}

/* Sadece textarea ilk başta görünür */
.jetpack-style-form:not(.form-active) .comment-fields-wrapper,
.jetpack-style-form:not(.form-active) .form-submit {
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  transition: all 0.4s ease;
  margin: 0;
  padding: 0;
}

/* Yazmaya başlanınca açılan alanlar */
.jetpack-style-form.form-active .comment-fields-wrapper,
.jetpack-style-form.form-active .form-submit {
  max-height: 300px;
  opacity: 1;
  margin-top: 10px;
  transition: all 0.5s ease;
}

/* Textarea görünümü */
.jetpack-style-form textarea {
  width: 100%;
  border: 1px solid #ccc;
  border-radius: 6px;
  padding: 12px 14px;
  font-family: Arial, sans-serif;
  font-size: 15px;
  transition: all 0.3s ease;
  background: #fafafa;
  resize: vertical;
}
.jetpack-style-form textarea:focus {
  background: #fff;
  border-color: #008080;
  box-shadow: 0 0 0 3px rgba(0,128,128,0.1);
  outline: none;
}

/* Giriş alanları */
.jetpack-style-form input[type="text"],
.jetpack-style-form input[type="email"],
.jetpack-style-form input[type="url"] {
  width: 100%;
  border: 1px solid #ccc;
  border-radius: 6px;
  padding: 10px 12px;
  font-family: Arial, sans-serif;
  font-size: 15px;
  background: #fff;
  margin-bottom: 10px;
  transition: border-color 0.3s ease;
}
.jetpack-style-form input:focus {
  border-color: #008080;
  outline: none;
}

/* Gönder butonu */
.jetpack-style-form .form-submit input[type="submit"] {
  background: #008080;
  border: none;
  color: #fff;
  font-size: 16px;
  padding: 12px 25px;
  border-radius: 5px;
  cursor: pointer;
  font-family: 'Myriad Pro Bold Condensed', Arial, sans-serif;
  transition: background 0.3s ease;
}
.jetpack-style-form .form-submit input[type="submit"]:hover {
  background: #006666;
}


/*
==========================================================================
 404 ERROR PAGE STYLES
==========================================================================
*/
.error-404 {
  text-align: center; /* İçeriği ortala */
  padding: 40px 0;
}
.error-title {
  /* page.php'deki h1 başlığıyla aynı stil */
  font-family: 'Myriad Pro Bold Condensed', Arial, sans-serif;
  font-size: 32px;
  line-height: 1.3;
  margin: 0 0 20px 0; /* Alt boşluğu artır */
  color: #333;
}
.error-content p {
  /* page.php içerik stiliyle aynı */
  font-family: Arial, sans-serif;
  font-size: 16px;
  line-height: 1.7;
  color: #444;
  margin: 0 0 20px 0; /* Alt boşluğu artır */
}
.error-404 .search-form {
  max-width: 400px; /* Maksimum genişliği koru */
  margin: 0 auto 20px auto; /* Ortala ve altına boşluk */
  position: relative; /* Butonun pozisyonu için */
  display: flex; /* Input ve butonu yan yana */
  border-bottom: 2px solid #e0e0e0; /* Formun altına çizgi ekle */
  transition: border-color 0.3s ease; /* Odak efekti için */
}
/* Odaklanınca çizgi rengini değiştir */
.error-404 .search-form:focus-within {
    border-bottom-color: #008080;
}
.error-404 .search-field {
  flex-grow: 1; /* Input alanının tüm boşluğu doldurmasını sağla */
  border: none; /* Kenarlıkları kaldır */
  /* border-bottom kaldırıldı (forma taşındı) */
  padding: 10px 40px 10px 5px; /* İç boşluk (sağdan ikon için) */
  font-family: Arial, sans-serif;
  font-size: 15px;
  outline: none; /* Tıklama çerçevesini kaldır */
  background-color: transparent; /* Arka planı transparan yap */
  border-radius: 0; /* Köşe yuvarlamayı kaldır */
}
/* Placeholder (Ara...) metnini biraz soluk yap */
.error-404 .search-field::placeholder {
   color: #aaa;
   opacity: 1; /* Firefox için */
}
.error-404 .search-submit {
  position: absolute; /* Inputun üzerine bindir */
  top: 0;
  right: 0; /* Sağ kenara yasla */
  bottom: 0;
  background: transparent;
  border: none;
  padding: 0 10px; /* İkonun sağ/sol boşluğu */
  cursor: pointer;
  color: #777; /* Daha soluk ikon */
  font-size: 18px; /* Header ikonuyla aynı boyut */
  z-index: 2; /* Inputun üzerinde kalsın */
}
.error-404 .search-submit:hover {
  color: #000; /* Header hover ile aynı */
}
.error-404 .search-submit .fa {
    vertical-align: middle; /* Dikeyde ortala */
}
.button-back-home {
  /* .read-more butonuyla benzer stil */
  display: inline-block;
  font-family: 'Myriad Pro Bold Condensed', Arial, sans-serif;
  font-size: 16px;
  color: #008080;
  text-decoration: none;
  border: 1px solid #008080;
  padding: 8px 15px;
  border-radius: 3px;
  transition: all 0.2s ease;
  background-color: transparent;
}
.button-back-home:hover {
  background-color: #008080;
  color: #fff;
}

/*
==========================================================================
 6.1 ARAMA SONUÇ YOK (NO-RESULTS) FORMU STİLLERİ
==========================================================================
*/

/* 'Sonuç Bulunamadı' mesajı içindeki formu hedefle */
.no-search-results .search-form {
  max-width: 400px; /* 404 sayfasıyla aynı genişlik */
  margin: 20px auto;
  position: relative;
  display: flex;
  border-bottom: 2px solid #e0e0e0;
  transition: border-color 0.3s ease;
}
.no-search-results .search-form:focus-within {
  border-bottom-color: #008080;
}
.no-search-results .search-field {
  flex-grow: 1;
  border: none;
  padding: 10px 40px 10px 5px; /* İkon için sağ boşluk */
  font-family: Arial, sans-serif;
  font-size: 15px;
  outline: none;
  background-color: transparent;
  border-radius: 0;
}
.no-search-results .search-field::placeholder {
   color: #aaa;
   opacity: 1;
}
.no-search-results .search-submit {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  background: transparent;
  border: none;
  padding: 0 10px;
  cursor: pointer;
  color: #777;
  font-size: 18px;
  z-index: 2;
}
.no-search-results .search-submit:hover {
  color: #000;
}
.no-search-results .search-submit .fa {
    vertical-align: middle;
}

/*
==========================================================================
 7. FOOTER
==========================================================================
*/
.site-footer {
  position: relative;
  padding: 20px 0;
  background-color: #f9f9f9;
  border-top: 1px solid #e5e5e5;
  color: #555;
  text-align: center;
  font-size: 14px;
}
.footer-content .footer-title {
  font-size: 16px;
  font-weight: bold;
  color: #333;
  font-family: 'Myriad Pro Bold Condensed', Arial, sans-serif;
  margin-bottom: 10px;
}
.footer-navigation {
  margin: 10px 0;
}
.footer-menu {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.footer-menu li {
  margin: 0 10px;
}
.footer-menu li + li::before {
  content: "|";
  color: #ccc;
  margin-right: 20px;
}
.footer-menu li a {
  color: #008080;
  text-decoration: none;
  font-size: 13px;
  font-family: 'Myriad Pro Condensed', Arial, sans-serif;
}
.footer-menu li a:hover {
  text-decoration: underline;
}
.copyright {
  margin-top: 10px;
  font-size: 12px;
  color: #777;
  font-family: 'Myriad Pro Condensed', Arial, sans-serif;
}
#scroll-to-top {
  position: fixed; /* Ekranda sabit kalsın */
  bottom: 20px;
  right: 20px;
  width: 40px;
  height: 40px;
  background-color: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  text-align: center;
  z-index: 100;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  transform: translateZ(0); /* YENİ EKLENDİ: Pozisyonu stabilize et */
}
#scroll-to-top.scroll-visible {
  opacity: 1;
  visibility: visible;
}
#scroll-to-top:hover {
  background-color: #f9f9f9;
}
#scroll-to-top .arrow-up {
  display: inline-block;
  border: solid #333;
  border-width: 0 2px 2px 0;
  padding: 3px;
  transform: rotate(-135deg);
  margin-top: 15px;
}

/*
==========================================================================
 6.5 SIDEBAR & WIDGETS
==========================================================================
*/
.widget-area { /* sidebar.php'deki aside etiketi */
  /* Bootstrap'in span4 sınıfı genişliği ayarlar */
}

.widget {
  margin-bottom: 30px;
  background-color: #f9f9f9;
  padding: 20px;
  border: 1px solid #e5e5e5;
  border-radius: 4px;
}

.widget-title {
  font-family: 'Myriad Pro Bold Condensed', Arial, sans-serif;
  font-size: 20px;
  margin: -20px -20px 20px -20px;
  padding: 10px 20px;
  border-bottom: 1px solid #e5e5e5;
  background-color: #f1f1f1;
  border-radius: 4px 4px 0 0;
  color: #333;
}

.widget ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.widget li {
  margin-bottom: 8px;
  padding-bottom: 8px;
  border-bottom: 1px dotted #ccc;
}
.widget li:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}

.widget a {
  color: #008080;
  text-decoration: none;
  font-family: Arial, sans-serif;
  font-size: 14px;
}
.widget a:hover {
  text-decoration: underline;
}

/* Arama Widget'ı için özel stiller */
.widget_search .search-form {
  position: relative;
  display: flex;
}
.widget_search .search-field {
  flex-grow: 1;
  padding: 8px 35px 8px 12px;
  border: 1px solid #ccc;
  border-radius: 3px;
  font-family: Arial, sans-serif;
  font-size: 14px;
}
.widget_search .search-submit {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  background: transparent;
  border: none;
  padding: 0 10px;
  cursor: pointer;
  color: #555;
  font-size: 16px;
  /* FontAwesome ikonu için yer açalım */
  text-indent: -9999px; /* Buton metnini gizle */
  width: 35px; /* Sadece ikon sığsın */
}
.widget_search .search-submit::before {
    font-family: FontAwesome;
    content: '\f002'; /* search icon */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-indent: 0; /* İkonu görünür yap */
    color: #555; /* Renk ekle */
}
.widget_search .search-submit:hover::before {
    color: #000;
}

/*
==========================================================================
 8. RESPONSIVE STYLES (max-width: 979px)
==========================================================================
*/
@media (max-width: 979px) {

  /* 8.1 Layout Adjustments */
  .genel.orta {
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0 15px; /* Avatar/ikon için kenar boşlukları */
    box-sizing: border-box;
  }
  .beyaz {
    padding: 30px 0; /* Üst/alt padding azalt */
  }
  .beyaz .row-fluid {
    display: flex;
    justify-content: space-between;
    align-items: center; /* DİKEY ORTALA (Mobil için) */
    flex-wrap: nowrap;
  }
  .row-fluid [class*="span"] {
    float: none;
    width: auto;
    margin-left: 0;
  }

  /* 8.2 Header Adjustments */
  .beyaz .row-fluid .span5 { /* Logo */
    flex: 0 0 auto;
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
  .beyaz .row-fluid .span7 { /* Sağ Sütun (İkon) */
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }
  .me img {
    width: 50px;
    height: 50px;
  }
  /* .header-search-bottom stilleri kaldırıldı */

  /* 8.3 Mobile Menu Toggle */
  #menu-toggle {
    display: block;
    background: transparent;
    border: none;
    padding: 10px; /* Kenar boşluğu için */
    cursor: pointer;
    z-index: 1001;
    position: relative;
  }
  #menu-toggle .line {
    display: block;
    width: 26px;
    height: 3px;
    background: #000;
    margin: 5px 0;
    transition: all 0.3s ease;
  }


/* 8.4 Off-Canvas Menu Panel */
  .sonmenu {
    position: fixed;
    top: 0;
    right: -280px;
    width: 280px;
    height: 100%; /* <-- %100 Kullan */
    background: #ffffff;
    z-index: 100000;
    padding: 60px 0 0 0;
    display: flex; /* <-- Flex Konteyner */
    flex-direction: column; /* <-- Dikey Sıralama */
    float: none;
    align-items: stretch;
    transition: transform 0.35s cubic-bezier(0.23, 1, 0.32, 1);
    min-height: auto;
  }

  /* 8.5 Off-Canvas Menu Items */
  .sonmenu li {
    float: none; /* DÜZELTME: float'ı kaldır */
    width: 100%;
    margin-left: 0;
    border-bottom: 1px solid #f0f0f0;
  }
.sonmenu li a {
    padding: 12px 20px 12px 15px; /* Üst: 12px, Sağ: 20px, Alt: 12px, SOL: 15px */
    line-height: 1.5;
    
    white-space: normal;
    display: flex; /* İkon ve metni flex ile hizala */
    align-items: center; /* Dikeyde ortala */
    text-align: left; /* Metni sola yasla (varsayılan ama garanti olsun) */
  }
  .sonmenu li a::before {
    font-size: 14px;
    vertical-align: baseline;
  }

  /* 8.6 Off-Canvas Close Button */
  #menu-close-button {
    display: block; /* Mobil Menüde Görünür Yap */
    position: absolute;
    top: 15px;
    right: 15px;
    width: 30px;
    height: 30px;
    background: transparent;
    border: none;
    padding: 0;
    cursor: pointer;
    z-index: 10;
  }
  #menu-close-button .close-line {
    display: block;
    position: absolute;
    top: 14px;
    left: 3px;
    width: 24px;
    height: 3px;
    background: #000;
  }
  #menu-close-button .close-line:nth-child(1) { transform: rotate(45deg); }
  #menu-close-button .close-line:nth-child(2) { transform: rotate(-45deg); }

  /* 8.7 Off-Canvas Overlay */
  #menu-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    z-index: 99999;
  }

  /* 8.8 Mobile Menu Open State */
  body.mobile-menu-open .sonmenu { transform: translateX(-280px); }
  body.mobile-menu-open #menu-overlay { display: block; }
  body.mobile-menu-open #menu-toggle { display: none; }

/* 8.9 Mobile Search Form Integration (Estetik Güncelleme) */
  .sonmenu .mobile-search-item {
      border-top: 1px solid #e5e5e5;
      padding: 20px 20px;
      border-bottom: none;
      margin-left: 0;
      width: 100%;
      float: none;
      order: 99;
      display: list-item;
      margin-top: auto; /* <-- YENİ EKLENDİ: Öğeyi en alta it */
  }
.sonmenu .mobile-search-item .search-form {
      position: relative;
      display: flex; /* Input ve butonu yan yana */
      border-bottom: 2px solid #e0e0e0; /* ALT ÇİZGİYİ BURAYA TAŞI */
      transition: border-color 0.3s ease; /* Odak efekti için */
  }
  /* Odaklanınca çizgi rengini değiştir */
  .sonmenu .mobile-search-item .search-form:focus-within {
      border-bottom-color: #008080;
  }
  .sonmenu .mobile-search-item .search-field {
      width: 100%;
      flex-grow: 1;
      border: none; /* Kenarlığı kaldır */
      border-bottom: 2px solid #e0e0e0; /* Sadece alt kenarlık */
      padding: 10px 40px 10px 5px; /* Sağdan ikon için boşluk, alt padding ayarlandı */
      font-size: 15px; /* Biraz büyütelim */
      font-family: Arial, sans-serif;
      box-sizing: border-box;
      outline: none;
      background-color: transparent; /* Arka planı transparan yap */
      transition: border-color 0.3s ease;
      border-radius: 0; /* Köşe yuvarlamayı kaldır */
  }
.sonmenu .mobile-search-item .search-field {
      width: 100%;
      flex-grow: 1;
      border: none; /* Kenarlığı kaldır */
      /* border-bottom: 2px solid #e0e0e0; SİLİNDİ */
      padding: 10px 40px 10px 5px; /* Sağdan ikon için boşluk, alt padding ayarlandı */
      font-size: 15px; /* Biraz büyütelim */
      font-family: Arial, sans-serif;
      box-sizing: border-box;
      outline: none;
      background-color: transparent; /* Arka planı transparan yap */
      /* transition: border-color 0.3s ease; SİLİNDİ (parent'a taşındı) */
      border-radius: 0; /* Köşe yuvarlamayı kaldır */
  }
   /* .sonmenu .mobile-search-item .search-field:focus { ... } KURALI SİLİNDİ */
   /* Placeholder (Ara...) metnini biraz soluk yap */
   .sonmenu .mobile-search-item .search-field::placeholder {
       color: #aaa;
       opacity: 1; /* Firefox için */
   }
  .sonmenu .mobile-search-item .search-submit {
      position: absolute; /* Inputun üzerine bindir */
      top: 0;
      right: 0;
      bottom: 0; /* Yüksekliği inputla eşitle */
      background: transparent;
      border: none;
      padding: 0 10px; /* İkonun sağ/sol boşluğu */
      cursor: pointer;
      color: #777; /* Daha soluk ikon */
      font-size: 18px; /* İkonu biraz büyütelim */
      z-index: 2;
      /* Dikey hizalama için flex kullanmaya gerek yok, height eşitledik */
  }
  .sonmenu .mobile-search-item .search-submit:hover { color: #000; }
  .sonmenu .mobile-search-item .search-submit .fa { vertical-align: middle; }
  .sonmenu .mobile-search-item .screen-reader-text { /* Zaten globalde var */ }

  /* Sidebar'ı içerik altına düşür */
  .content-area, /* #primary div'i */
  .widget-area { /* #secondary aside'ı */
    width: 100%;
    margin-left: 0;
    float: none;
  }
  .widget-area {
      margin-top: 40px; /* İçerikle arasına boşluk koy */
  }

  /*
==========================================================================
 8.10 MOBİL FİLTRE KAYDIRMA DÜZENLEMESİ
==========================================================================
*/

/* Filtrelerin bulunduğu .category-filters konteyneri */
.category-filters {
    /* padding: 10px 0; kuralı zaten vardı (Bölüm 16) */
    /* Dikey padding'i koru, yatay padding'i kaldır */
    padding: 10px 0; 
}

/* Kategori listesinin (ul) kendisi */
.category-filters ul {
    flex-wrap: nowrap;         /* ÖNEMLİ: Öğelerin alt satıra kaymasını engelle */
    overflow-x: auto;          /* ÖNEMLİ: Yatay kaydırmayı etkinleştir */
    overflow-y: hidden;        /* Dikey kaydırmayı gizle */
    -webkit-overflow-scrolling: touch; /* iOS için pürüzsüz kaydırma */
    
    /* * Estetik İyileştirme: Kaydırma çubuğunu gizle
     * (Kaydırma işlevi devam eder)
     */
    scroll-behavior: smooth;
    scrollbar-width: none;     /* Firefox */
}

.category-filters ul::-webkit-scrollbar {
    display: none;             /* Chrome, Safari, Opera */
}

/* Liste öğelerinin (li) daralmasını engelle */
.category-filters li.filter-item {
    flex-shrink: 0;
}



} /* @media (max-width: 979px) kapanışı */

/*
==========================================================================
 9. YORUM ALANI İYİLEŞTİRMELERİ (KART GÖRÜNÜMÜ)
==========================================================================
*/

/* 1. Yorum Listesi ve Kart Yapısı (Req 1) */
.comment-list {
  margin: 0 0 40px 0; /* Form ile arayı aç */
}

.comment-list li.comment {
  padding: 20px 25px; /* Kart içi boşluk */
  border-bottom: none; /* Eski çizgiyi kaldır */
  margin-bottom: 20px; /* Kartlar arası boşluk */
  background: #ffffff;
  border: 1px solid #e9e9e9;
  border-radius: 8px; /* Köşeleri yuvarla */
  box-shadow: 0 4px 12px rgba(0,0,0,0.06); /* Hafif gölge */
  overflow: hidden; 
}

/* 1.1 İç içe yorumları (yanıtları) ayarla */
.comment-list ul.children {
  margin-top: 20px;
  margin-left: 25px; /* Girintiyi ayarla (daha modern) */
  list-style: none; /* Ekstra liste işaretlerini kaldır */
  padding: 0;
}

/* 1.2 Pingback'leri bu stilden hariç tut */
.comment-list li.pingback,
.comment-list li.trackback {
   padding: 10px;
   border: 1px dashed #ccc;
   box-shadow: none;
   background: #f9f9f9;
   margin-bottom: 15px;
}

/* 2. Avatarı Büyüt ve Hizala (Req 2) */
.comment-body {
  position: relative;
  padding-left: 80px; /* 60px avatar + 20px boşluk */
  min-height: 60px; /* Avatar yüksekliğiyle dengele */
}

.comment-author .avatar {
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 50%;
  width: 60px;  /* Boyutu 60px'e zorla (comments.php değişikliği ile uyumlu) */
  height: 60px;
  border: 2px solid #fff;
  box-shadow: 0 2px 5px rgba(0,0,0,0.1); /* Hafif derinlik */
}

/* 3. Yazar ve Tarih Tipografisi (Req 3) */
.comment-meta {
  /* Flex ile yazar ve tarihi aynı satıra al */
  display: flex;
  align-items: center;
  flex-wrap: wrap; /* Mobilde alt alta kaysın */
  margin-bottom: 8px;
  font-family: Arial, sans-serif;
  line-height: 1.4;
}

.comment-author {
  margin: 0 10px 0 0; /* Sağ boşluk */
}

.comment-author .fn {
  font-family: 'Myriad Pro Bold Condensed', Arial, sans-serif; /* Temanın kalın fontu */
  font-size: 18px; /* Yazar adını büyüt */
  color: #222;
  font-style: normal;
  font-weight: normal; 
}

.comment-metadata {
  font-family: 'Myriad Pro Condensed', Arial, sans-serif; /* Temanın ince fontu */
  font-size: 14px;
  color: #777;
}
.comment-metadata a {
  color: #777;
  text-decoration: none;
}
.comment-metadata a:hover {
  text-decoration: underline;
}

/* 3.1 Yanıtla butonunu sağa hizala */
.reply {
  margin-top: 10px;
  text-align: right;
}
.comment-reply-link {
   font-size: 14px;
   padding: 5px 12px;
   border-color: #e0e0e0;
}
.comment-reply-link:hover {
    background-color: #f9f9f9;
    border-color: #ccc;
    color: #222;
}

/* 4. Yorum Formunu Kart Görünümüne Uyarla (Req 4) */
/* (Zaten .jetpack-style-form sınıfı bunu büyük ölçüde yapıyor, sadece ince ayar) */
.jetpack-style-form {
    border-color: #e9e9e9;
    box-shadow: 0 4px 12px rgba(0,0,0,0.06);
    border-radius: 8px;
    padding: 25px 30px;
}

/* 5. Etkileşimli Form Alanları (Req 5) */
/* (Bu stiller zaten style.css'te mevcut, JS düzeltmesi ile aktif olacaklar) */
.jetpack-style-form textarea {
    min-height: 80px;
    transition: all 0.3s ease;
}
.jetpack-style-form.form-active textarea {
    min-height: 120px;
}


/*
==========================================================================
 10. YORUM FORMU İYİLEŞTİRMESİ (İSİM/E-POSTA YAN YANA)
==========================================================================
*/

/* PHP'de eklediğimiz yeni grid sarmalayıcı */
.comment-fields-grid {
  display: grid;
  grid-template-columns: 1fr 1fr; /* İki eşit sütun */
  gap: 15px; /* Sütunlar arası boşluk */
}

/* Jetpack stilinde inputların altında 10px'lik bir boşluk vardı.
  Grid yapısında 'gap' kullandığımız için bu ekstra boşluğu sıfırlıyoruz.
*/
.jetpack-style-form .comment-fields-grid input[type="text"],
.jetpack-style-form .comment-fields-grid input[type="email"] {
    margin-bottom: 0;
}

/* Mobilde (979px altı) grid'i bozup alt alta getir */
@media (max-width: 979px) {
  .comment-fields-grid {
    grid-template-columns: 1fr; /* Tek sütun */
    gap: 10px; /* Dikey boşluk */
  }
}

/*
==========================================================================
 11. YORUM FORMU (ÇEREZ ONAY KUTUSU STİLİ)
==========================================================================
*/

/* Çerez onay kutusu sarmalayıcısı
  .comment-fields-wrapper sınıfı sayesinde JS ile otomatik gizlenip gösterilecek.
*/
.jetpack-style-form .comment-form-cookies-consent {
  padding-top: 5px; /* Üstteki alanlarla arasına hafif boşluk */
  margin-bottom: 0; /* Ekstra alt boşluk olmasın */
}

/* Onay metni (label) */
.jetpack-style-form .comment-form-cookies-consent label {
  display: inline; /* Checkbox ile aynı satırda olsun */
  font-family: Arial, sans-serif;
  font-size: 14px; /* Formun geri kalanıyla uyumlu */
  color: #555;
  font-weight: normal; /* Kalın olmasın */
  margin-left: 8px; /* Kutu ile metin arasına boşluk */
}

/* Onay kutusu (checkbox) */
.jetpack-style-form .comment-form-cookies-consent input[type="checkbox"] {
  width: auto; /* Tam genişlik olmasın */
  vertical-align: middle; /* Metinle dikeyde ortala */
  margin: 0;
}

/*
==========================================================================
 12. YORUM FORMU (GÖNDER BUTONU HİZALAMA)
==========================================================================
*/

/* WordPress'in oluşturduğu .form-submit sarmalayıcısına sağa hizala */
.jetpack-style-form .form-submit {
  text-align: center;
  margin-top: 15px; /* Üstteki çerez alanı ile arasını açmak için */
  margin-bottom: 0; /* Zaten altta boşluk var, sıfırlayalım */
}

/*
==========================================================================
 12. YORUM FORMU (GÖNDER BUTONU GÜNCELLEME - TAM GENİŞLİK)
==========================================================================
*/

/* Butonun içinde bulunduğu <p class="form-submit"> sarmalayıcısının 
  margin ayarları. (Hizalama kuralını kaldırdık).
*/
.jetpack-style-form .form-submit {
    margin-top: 15px; /* Üstteki çerez alanı ile arasını açar */
    margin-bottom: 0; /* Alt boşluğu sıfırlar */
}

/* Butonun kendisine yeni stil veriyoruz. 
  Mevcut .jetpack-style-form... kuralının üzerine yazacaktır.
*/
.jetpack-style-form .form-submit input[type="submit"] {
    width: 100%; /* Butonu tam genişliğe yay */
    box-sizing: border-box; /* Kenar boşluklarını genişliğe dahil et */
    
    /* Daha dolgun bir görünüm için */
    font-size: 17px; 
    padding: 14px 20px;
    
    /* Metnin buton içinde ortalandığından emin olalım */
    text-align: center;
}

/* Hover efekti (zaten style.css'te var ama burada da teyit edelim) */
.jetpack-style-form .form-submit input[type="submit"]:hover {
  background: #006666;
}

/*
==========================================================================
 13. KART GÖRÜNÜMLÜ İÇERİK ALANI (BASİT YÖNTEM)
==========================================================================
*/

/* 1. Body'e gri arka plan ver */
body {
    background-color: #f3f7f6;
}

/* 2. Ana İçerik Alanını (#primary) beyaz bir kart yap */
#primary.content-area {
    background: #fff;
    padding: 30px 35px; /* Kart içi boşluk */
    border: 1px solid #e9e9e9;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.06);
    
    /* Bootstrap 2 float sistemiyle uyumlu olması için */
    box-sizing: border-box; 
}

/* 3. Kenar Çubuğu Bileşenlerini (.widget) beyaz kart yap */
/* (Mevcut stilinin üzerine yazıyoruz) */
.widget {
    margin-bottom: 30px;
    background-color: #fff; /* f9f9f9'dan beyaza */
    padding: 20px;
    border: 1px solid #e9e9e9; /* e5e5e5'ten daha modern */
    border-radius: 8px; /* 4px'ten yükseltildi */
    box-shadow: 0 4px 12px rgba(0,0,0,0.06); /* Yeni gölge */
}

/* 4. Bileşen Başlığının arka planını kaldır */
.widget-title {
    background-color: transparent; /* f1f1f1'i kaldır */
    border-bottom: 1px solid #f0f0f0; /* Çizgiyi hafiflet */
    margin: -20px -20px 20px -20px; /* */
    padding: 15px 20px; 
    border-radius: 8px 8px 0 0; /* */
}

/* 5. Mobil uyum (Kart içi boşlukları azalt) */
@media (max-width: 979px) {
    #primary.content-area {
        padding: 25px 20px; /* Mobilde kart iç boşluğunu azalt */
    }
}

/*
==========================================================================
 14. YENİ MASONRY GRID STİLLERİ (JS Gutter - Final Düzeltme 4)
==========================================================================
*/

/* 1. Ana sayfa (.home) ve Arşiv (.archive) #primary alanına beyaz arka plan ve boşluk ver */
.home #primary.content-area,
.archive #primary.content-area {
    background: #fff;
    padding: 20px 15px; /* Mobilde padding */
    border: 1px solid #e9e9e9;
    box-shadow: 0 4px 12px rgba(0,0,0,0.06);
    border-radius: 8px;
    width: 100% !important;
    margin-left: 0 !important;
    box-sizing: border-box;
}

/* 2. Masonry Grid Konteyneri */
.masonry-grid-container {
    opacity: 0; /* JS yüklenene kadar gizle */
    transition: opacity 0.6s ease;
    /* margin-left: -10px; KALDIRILDI */
    /* margin-right: -10px; KALDIRILDI */
    /* overflow: hidden; KALDIRILDI (Gerekli olmayabilir) */
}
.masonry-grid-container.masonry-initialized {
    opacity: 1;
}

/* 3. Grid Öğesi (Kart) - Mobil Varsayılan (1 Sütun) */
.masonry-grid-item {
    box-sizing: border-box;
    background: #fff;
    border: 1px solid #e9e9e9;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.06);
    margin-bottom: 20px; /* Dikey boşluk */
    padding-bottom: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;

    /* padding-left: 10px; KALDIRILDI */
    /* padding-right: 10px; KALDIRILDI */

    /* Mobil için 1 Sütun varsayılan */
    width: 100%;
}

/* 4. Tablet Ekranlar (581px ve üzeri) - 2 Sütun */
@media (min-width: 581px) {
    .home #primary.content-area,
    .archive #primary.content-area {
        padding: 25px 20px; /* Tablet padding */
    }
    .masonry-grid-item {
        /* JS gutter: 20 ile uyumlu genişlik */
        width: calc(50% - 10px); /* Gutter'ın yarısını çıkarıyoruz */
    }
}

/* 5. Geniş Ekranlar (980px ve üzeri) - 3 veya 4 Sütun */
@media (min-width: 980px) {
    .home #primary.content-area,
    .archive #primary.content-area {
        padding: 30px 25px; /* Desktop padding */
    }

    /* ANA SAYFA (Kenar çubuğu yok - span12) - 4 Sütun */
    .home #primary.span12 .masonry-grid-item {
        /* JS gutter: 20 ile uyumlu genişlik */
        width: calc(25% - 15px); /* (20px * 3/4) */
    }
    /* ARŞİV (Kenar çubuğu yok - span12) - 4 Sütun */
    .archive #primary.span12 .masonry-grid-item {
        width: calc(25% - 15px);
    }
    /* ARŞİV (Kenar çubuğu var - span8) - 3 Sütun */
    .archive #primary.span8 .masonry-grid-item {
         /* JS gutter: 20 ile uyumlu genişlik */
         width: calc(33.333% - 13.33px); /* (20px * 2/3) */
    }
}


/* 6. Kart İçi Elemanları Düzenle (Aynı kalıyor) */
/* ... (kart içi stiller değişmedi) ... */
.masonry-grid-item .post-thumbnail { margin-bottom: 15px; }
.masonry-grid-item .post-thumbnail img { border-radius: 8px 8px 0 0; box-shadow: none; display: block; }
.masonry-grid-item .entry-header { padding: 0 20px; margin-bottom: 10px; }
.masonry-grid-item .entry-title { font-size: 20px; }
.masonry-grid-item .entry-content { padding: 0 15px; font-size: 15px; flex-grow: 1; }
.masonry-grid-item .entry-footer { padding: 0px 10px 20px 10px; margin-top: auto; }
.masonry-grid-item .read-more { /* ...stil aynı... */ }
.masonry-grid-item .read-more:hover { /* ...stil aynı... */ }


/* 7. "Daha Fazla Yükle" Butonu Stili (Aynı kalıyor) */
.load-more-container {
    text-align: center;
    width: 100%;
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #f0f0f0;
}
.ektema-load-more-button {
    display: inline-block;
    font-family: 'Myriad Pro Bold Condensed', Arial, sans-serif; /* Cufon'un hedefleyebilmesi için */
    font-size: 18px;
    color: #fff;
    background-color: #008080; /* Tema rengi */
    border: 1px solid #008080;
    padding: 14px 40px; /* Dolgun görünüm */
    border-radius: 5px; /* Hafif yuvarlatma */
    cursor: pointer;
    transition: all 0.2s ease;
    -webkit-appearance: none; /* iOS'taki varsayılan stilleri kaldır */
}
.ektema-load-more-button:hover {
    background-color: #005959; /* Hover rengi */
    border-color: #005959;
}
.ektema-load-more-button:disabled {
    background-color: #aaa; /* Devre dışı rengi */
    border-color: #aaa;
    cursor: not-allowed;
    opacity: 0.7;
}

/*
==========================================================================
 14.5 MASONRY PRELOADER (YÜKLENİYOR SPINNER)
==========================================================================
*/
.masonry-preloader {
    display: none; /* Varsayılan olarak gizli */
    padding: 60px 20px;
    text-align: center;
    width: 100%;
    min-height: 250px; /* İçerik yokken bile yer kaplasın */
    box-sizing: border-box;
    position: relative;
}

/* JS ile eklenecek 'is-loading' sınıfı */
.masonry-preloader.is-loading {
    display: block; /* Yüklenirken göster */
}

.masonry-preloader .spinner {
    display: inline-block;
    width: 50px;
    height: 50px;
    border: 4px solid rgba(0, 128, 128, 0.2); /* Tema renginin açığı */
    border-top-color: #008080; /* Tema rengi */
    border-radius: 50%;
    animation: ektema-spin 1s ease-in-out infinite;
}

@keyframes ektema-spin {
    to {
        transform: rotate(360deg);
    }
}

/*
==========================================================================
 15. KATEGORİ FİLTRELEME STİLLERİ (CHECKBOX + ALT ÇİZGİLİ GÖRÜNÜM)
==========================================================================
*/

/* 15.1: Ana Konteyner (Aynı) */
.category-filters {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 0;
    margin-bottom: 0;
    border: none;
}

/* 15.2: "FİLTRELE:" Etiketi (Aynı) */
.filter-label {
    
    font-size: 16px;
    color: #555;
    margin-right: 15px;
    margin-bottom: 5px;
    margin-top: 5px;
}

/* 15.3: Liste (Aynı) */
.category-filters ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
}

/* 15.4: Liste Öğesi (li) */
.category-filters li.filter-item {
    margin: 5px 10px 5px 0; /* Linkler arası boşluk */
    padding: 0;
    border: none;
    background-color: transparent;
    border-radius: 0;
}
.category-filters li.filter-item:last-child {
    margin-right: 0;
}

/* 15.5: Link (a) - Alt Çizgisiz Varsayılan */
.category-filters li.filter-item a {
    display: flex;
    align-items: center;
    padding: 8px 4px;
    font-size: 16px;
    /* font-weight Cufon veya fallback ile yönetiliyor */
    color: #444;
    -webkit-tap-highlight-color: transparent;
    background-color: transparent;
    border: none;
    /* border-bottom: 2px solid #ddd; <= BU SATIR OLMAMALI */
    border-radius: 0;
    text-decoration: none;
    transition: color 0.25s ease; /* Sadece renk geçişi kalsın */
    font-family: Arial, Helvetica, sans-serif; /* Fallback font */
}

/* 15.6: YENİ - Checkbox İkonu Stili */
.filter-icon {
    display: inline-block;
    width: 14px;
    height: 14px;
    border: 2px solid #aaa; /* Kutu rengi */
    border-radius: 3px;
    margin-right: 8px; /* Metinle arasına boşluk */
    position: relative; 
    transition: border-color 0.3s ease, background-color 0.3s ease;
}

/* 15.7: Aktif Durum (a) - Alt Çizgili */
.category-filters li.filter-item.is-active a {
    background-color: transparent;
    border-bottom-width: 3px;     /* Kalınlık */
    border-bottom-style: solid;   /* Stil (ÖNEMLİ!) */
    border-bottom-color: #008080; /* Renk (Tema Rengi) */
    color: #008080;
    box-shadow: none;
    /* font-weight Cufon veya fallback ile yönetiliyor */
}

/* 15.8: YENİ - Aktif Durum (Checkbox) */
.category-filters li.filter-item.is-active .filter-icon {
    border-color: #008080;   /* Aktif kenarlık */
    background-color: #008080; /* Aktif dolgu */
}
/* Checkmark ikonu (Aktifken görünür) */
.category-filters li.filter-item.is-active .filter-icon::after {
    content: '';
    display: block;
    width: 4px;
    height: 8px;
    border: solid #fff; /* Beyaz tik işareti */
    border-width: 0 2px 2px 0;
    position: absolute;
    left: 4px;
    top: 1px;
    transform: rotate(45deg);
}

/* 15.9: YENİ - Hover Durumu (Aktif değilken) (a) */
.category-filters li.filter-item:not(.is-active):hover a {
     background-color: transparent;
     /* border-bottom-color: #008080; */ /* Kaldırıldı veya yorum yapıldı */
     color: #008080; /* Metin rengi hover'da değişmeye devam etsin (isteğe bağlı) */
}
/* Hover durumunda checkbox kutusu */
.category-filters li.filter-item:not(.is-active):hover .filter-icon {
     border-color: #008080;
}

/* 15.10: Yazı Bulunamadı Mesajı (Aynı) */
.no-posts-found {
    text-align: center;
    padding: 30px;
    font-style: italic;
    color: #777;
}

/*
==========================================================================
 16. KATEGORİ FİLTRE BAR (HEADER ALTI - GÜNCELLENMİŞ)
==========================================================================
*/

/* * 1. Tam genişlikteki sarmalayıcı (Aynı kalıyor)
 * (header.beyaz stiliyle aynı)
 */
.site-filters-container {
    background: #fff; /* Header ile aynı beyaz arka plan */
    border-bottom: 1px solid #E5E5E5; /* Header ile aynı alt çizgi */
    padding: 0; /* İçerideki .genel.orta hizalamayı yapacak */
    width: 100%;
    box-sizing: border-box;
    margin-top: 1px;
}

/* * 2. .filter-row (Aynı kalıyor)
 */
.filter-row {
    margin-bottom: 0; 
    margin-left: 0; 
}

/* * 3. .category-filters (Boşlukları Dengele)
 * (Burası Bölüm 15'e zemin sağlar)
 */
.category-filters {
    background: transparent; 
    border: none;
    border-radius: 0;
    box-shadow: none;
    
    /* GÜNCELLENDİ: Chip'ler için dikey boşluğu artır */
    padding: 15px 0; 
    
    /* Mevcut margin/border'ları sıfırla */
    margin-top: 0;
    margin-bottom: 0; 
    border-top: none;
    border-bottom: none;

    /* Flexbox ayarları (kalsın) */
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    
    box-sizing: border-box; 
}

/* 4. Mobilde (979px altı) (Boşlukları Dengele) */
@media (max-width: 979px) {
    .category-filters {
        /* GÜNCELLENDİ: Mobilde dikey boşluğu artır */
        padding: 10px 0; 
    }
}

/*
==========================================================================
 99. MOBİL FİLTRE EZME (OVERRIDE) DÜZELTMESİ
==========================================================================
*/
@media (max-width: 979px) {
  
    /* Kategori listesinin (ul) kendisi */
    .category-filters ul {
        flex-wrap: nowrap;         /* ÖNEMLİ: Alt satıra kaymayı engelle */
        overflow-x: auto;          /* Yatay kaydırmayı etkinleştir */
        overflow-y: hidden;        /* Dikey kaydırmayı gizle */
        -webkit-overflow-scrolling: touch; /* iOS için pürüzsüz kaydırma */
        
        /* Kaydırma çubuğunu gizle */
        scrollbar-width: none;     /* Firefox */
    }

    .category-filters ul::-webkit-scrollbar {
        display: none;             /* Chrome, Safari, Opera */
    }

    /* Liste öğelerinin (li) daralmasını engelle */
    .category-filters li.filter-item {
        flex-shrink: 0;
    }
}

/*
==========================================================================
 100. ÖZEL ARAMA TEMİZLE (X) BUTONU STİLLERİ
==========================================================================
*/

/* 1. Yeni 'x' butonunun temel stili */
.search-clear-btn {
  display: none; /* JS ile 'is-visible' gelene kadar gizli */
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: transparent;
  border: none;
  padding: 0 5px;
  margin: 0;
  font-size: 22px; /* 'x' ikonu için */
  line-height: 1;
  color: #777;
  cursor: pointer;
  z-index: 3; /* Her şeyin üzerinde */
}
.search-clear-btn:hover {
  color: #000;
}
.search-clear-btn.is-visible {
  display: block; /* JS ile görünür yap */
}

/* 2. Butonu konumlandırma (Formlara göre) */

/* A. Header, Mobil Menü, 404, Arama Sonuç Yok formları */
/* Bu formların submit ikonu (right: 0) ~40px yer kaplar */
.header-search .search-clear-btn,
.sonmenu .mobile-search-item .search-clear-btn,
.error-404 .search-clear-btn,
.no-search-results .search-clear-btn {
  right: 40px; /* Büyüteç ikonunun soluna */
}

/* B. Sidebar Arama Widget'ı */
/* Bu formun submit ikonu (right: 0) 35px yer kaplar */
.widget_search .search-clear-btn {
  right: 35px; /* Büyüteç ikonunun soluna */
}

/* 3. Inputlara HEM 'x' HEM DE 'büyüteç' için yer açma (ÇOK ÖNEMLİ) */
/* (Mevcut padding-right değerlerinin üzerine yazıyoruz) */

.header-search .search-field,
.sonmenu .mobile-search-item .search-field,
.error-404 .search-field,
.no-search-results .search-field {
  padding-right: 70px; /* 40px (büyüteç) + 30px (yeni 'x') */
}

.widget_search .search-field {
  padding-right: 65px; /* 35px (büyüteç) + 30px (yeni 'x') */
}

/*
==========================================================================
 101. AKADEMİK ÇALIŞMA ŞABLONU
==========================================================================
*/

/* 'Akademik Bilgiler' widget'ı içindeki liste */
.akademik-meta-list {
    list-style: none;
    margin: 0;
    padding: 0;
    font-family: Arial, sans-serif;
    font-size: 14px;
}
.akademik-meta-list li {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px dotted #ccc;
}
/* Son öğenin altındaki çizgiyi kaldır */
.widget .akademik-meta-list li:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}
.akademik-meta-list strong {
    display: block;
    color: #333;
    font-weight: bold;
    margin-bottom: 3px;
}
.akademik-meta-list span {
    color: #555;
}
.akademik-meta-list span a {
    color: #008080; /* Tema ana rengi */
    text-decoration: none;
}
.akademik-meta-list span a:hover {
    text-decoration: underline;
}

/* 'Atıf Yap' alanı */
.akademik-atif-alani {
    margin-top: 20px;
    font-family: Arial, sans-serif;
}
.akademik-atif-alani strong {
    display: block;
    color: #333;
    font-weight: bold;
    margin-bottom: 8px;
    font-size: 14px;
}
.akademik-atif-metni {
    width: 100%;
    min-height: 100px;
    padding: 10px;
    font-family: Consolas, Monaco, 'Courier New', monospace;
    font-size: 13px;
    background-color: #f9f9f9; /* Widget arka planı */
    border: 1px solid #ccc;
    border-radius: 3px;
    box-sizing: border-box; /* Genişliğin taşmasını engeller */
    resize: vertical;
}
.akademik-atif-alani small {
    font-size: 12px;
    color: #777;
    margin-top: 5px;
    display: block;
}

/* * MOBİL SIRALAMA DÜZENLEMESİ
 * (max-width: 979px)
 */
@media (max-width: 979px) {
    /* Bootstrap 2 grid yapınız sayesinde (.row-fluid [class*="span"])
      span8 ve span4 otomatik olarak alt alta gelecektir.
      Biz sadece aralarına biraz boşluk ekleyelim.
    */
    .academic-sidebar.span4 {
        margin-top: 30px; /* İçerikle sidebar arasına boşluk */
    }
}

/*
==========================================================================
 103. AKADEMİK ATIF KOPYALAMA (GÜNCELLENMİŞ STİLLER)
==========================================================================
*/

/* 'Atıf Yap' alanı (Mevcut stili günceller) */
.akademik-atif-alani {
    margin-top: 20px;
    font-family: Arial, sans-serif;
}
.akademik-atif-alani strong {
    display: block;
    color: #333;
    font-weight: bold;
    margin-bottom: 8px;
    font-size: 14px;
}

/* YENİ: Kopyalama alanının sarmalayıcısı */
.akademik-atif-wrapper {
    position: relative;
    border-radius: 4px;
    background-color: #f7f7f7;
    border: 1px solid #e0e0e0;
}

/* YENİ: Metnin görüneceği <pre> alanı */
.akademik-atif-wrapper pre {
    margin: 0;
    padding: 12px 50px 12px 12px; /* Kopyala butonu için sağda boşluk */
    font-family: Consolas, Monaco, 'Courier New', monospace;
    font-size: 13px;
    color: #333;
    line-height: 1.5;
    white-space: pre-wrap;       /* Uzun metinlerin satır atlamasını sağlar */
    word-wrap: break-word;       /* Kelimeleri kırar */
    overflow-x: hidden;          /* Yatay kaydırmayı engeller */
}
.akademik-atif-wrapper pre code {
    font-family: inherit;
    font-size: inherit;
}

/* YENİ: Kopyala Butonu */
.btn-copy-atif {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 45px;
    background: transparent;
    border: none;
    border-left: 1px solid #e0e0e0;
    color: #555;
    cursor: pointer;
    border-radius: 0 3px 3px 0;
    transition: background-color 0.2s ease, color 0.2s ease;
    padding: 0;
}
.btn-copy-atif:hover {
    background-color: #f0f0f0;
    color: #000;
}
.btn-copy-atif .fa {
    font-size: 18px;
    transition: opacity 0.3s ease;
}

/* YENİ: "Kopyalandı!" geri bildirimi */
.copy-feedback {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #008080; /* Tema rengi */
    color: #fff;
    font-size: 11px;
    font-family: Arial, sans-serif;
    padding: 3px 6px;
    border-radius: 3px;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
    z-index: 2;
}

/* YENİ: Kopyalandığında ikon kaybolur, yazı görünür */
.btn-copy-atif.is-copied .fa {
    opacity: 0;
}
.btn-copy-atif.is-copied .copy-feedback {
    opacity: 1;
    visibility: visible;
}

/* ESKİ Metin kutusu stilini kaldırıyoruz */
.akademik-atif-metni,
.akademik-atif-alani small {
    display: none;
}

/*
==========================================================================
 104. AKADEMİK BİLGİ BUTON LİNKLERİ
==========================================================================
*/

.akademik-button-links {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px dotted #ccc; /* Üstteki alanlardan ayır */
    display: flex; /* Butonları yan yana getir */
    flex-wrap: wrap; /* Mobilde alt alta kaysın */
    gap: 10px; /* Butonlar arası boşluk */
}

.akademik-button-link {
    display: inline-flex; /* İkon ve metni yan yana getir */
    align-items: center; /* Dikeyde ortala */
    justify-content: center; /* İçeriği ortala */
    padding: 10px 18px;
    border-radius: 4px;
    font-family: 'Myriad Pro Bold Condensed', Arial, sans-serif; /* Temanın kalın fontu */
    font-size: 15px;
    text-decoration: none;
    transition: all 0.2s ease;
    border: none;
    cursor: pointer;
    flex-grow: 1; /* Mümkünse eşit genişle */
    text-align: center;
}

.akademik-button-link .fa {
    margin-right: 8px; /* İkon ile metin arası boşluk */
    font-size: 1.1em; /* İkonu biraz büyüt */
}

/* Tam Metin Butonu Stili */
.akademik-button-link.tam-metin {
    background-color: #008080; /* Tema renginin çok açığı */
    color: #fff; /* Tema rengi */
}
.akademik-button-link.tam-metin:hover {
    background-color: #005959;
    color: #fff;
}

/* Satın Alma Butonu Stili */
.akademik-button-link.satin-alma {
    background-color: #e8f3f3; /* Tema rengi */
    color: #008080;
}
.akademik-button-link.satin-alma:hover {
    background-color: #d1e7e7;
    color: #005959;
}
/*
==========================================================================
 105. AKADEMİK SIDEBAR DİKEY HİZALAMA (MASAÜSTÜ)
==========================================================================
*/

@media (min-width: 980px) { /* Sadece masaüstü için (980px ve üzeri) */
    
    /* İçerik ve sidebar'ı içeren .row-fluid sarmalayıcısını seçiyoruz */
    .academic-content-wrapper.row-fluid {
        display: flex;         /* Yan yana getirmek için Flexbox kullan */
        align-items: flex-start; /* Öğeleri (içerik ve sidebar) dikeyde üste hizala */
        
        /* Bootstrap 2'nin margin'i ile çakışmayı önlemek için 
           öğeler arasına boşluk ekleyebiliriz (isteğe bağlı) */
        /* gap: 2.127659574468085%; */ /* Bootstrap'in margin-left değeriyle aynı */
    }

    /* Flexbox kullandığımızda float ve margin-left gereksiz hale gelir, 
       ancak genişlikleri korumak için span sınıfları kalmalı. 
       Gerekirse margin'i sıfırlayabiliriz. */
    .academic-content-wrapper.row-fluid > .academic-sidebar.span4 {
         margin-left: 2.127659574468085%; /* Bootstrap'in boşluğunu koruyalım */
         /* VEYA flex-gap kullanıyorsak: margin-left: 0; */
    }
    .academic-content-wrapper.row-fluid > .academic-main.span8 {
         margin-left: 0; /* İlk elemanın margin'i zaten 0'dı */
    }

} /* min-width: 980px sonu */

/* Mobil görünümde (979px ve altı) Flexbox devre dışı kalacak 
   ve span'lar varsayılan olarak alt alta düşecektir. 
   Mevcut .academic-sidebar.span4 { margin-top: 30px; } kuralı 
   mobilde aradaki boşluğu sağlayacaktır. */

   /*
==========================================================================
 106. TEKİL YAZI/SAYFA GÖRSEL İYİLEŞTİRMELERİ
==========================================================================
*/

/* 1. Başlık Boyutunu Küçültme */
.single-post .entry-title,
.page-content .entry-title { 
    font-size: 28px; /* 32px'ten küçültüldü */
    margin-bottom: 15px; /* Altına meta için boşluk */
}

/* 2. Yeni İkonlu Meta Alanı */
.single-post .entry-meta.icon-meta {
    font-family: Arial, sans-serif; /* Cufon yerine standart font */
    font-size: 14px;
    color: #777;
    margin-bottom: 25px; /* Resimle arasına boşluk */
    display: flex; /* İkonlu grupları yan yana getir */
    flex-wrap: wrap; /* Mobilde alt alta kaysın */
    gap: 15px; /* Gruplar arası boşluk */
}
.single-post .entry-meta.icon-meta span { /* Her bir grup (tarih, kategori) */
    display: inline-flex; /* İkon ve metni yan yana getir */
    align-items: center; /* Dikeyde ortala */
}
.single-post .entry-meta.icon-meta .fa {
    margin-right: 6px; /* İkon ile metin arası boşluk */
    color: #aaa; /* İkon rengi */
    font-size: 1.1em;
}
.single-post .entry-meta.icon-meta a {
    color: #777;
    text-decoration: none;
    border-bottom: 1px dotted #ccc; /* Hafif alt çizgi */
    transition: color 0.2s ease, border-color 0.2s ease;
}
.single-post .entry-meta.icon-meta a:hover {
    color: #008080; /* Tema rengi */
    border-bottom-color: #008080;
}

/* 3. Öne Çıkan Görseli Tam Genişlik Yapma */
.single-post .post-thumbnail.featured-image-fullwidth,
.page-content .post-thumbnail.featured-image-fullwidth {
    margin-left: -35px; /* Kartın sol padding'ini sıfırla */
    margin-right: -35px; /* Kartın sağ padding'ini sıfırla */
    margin-bottom: 25px; /* İçerikle arasına boşluk */
    border-radius: 0; /* Tam genişlikte köşeler sıfırlansın */
    box-shadow: none; /* Gölgeyi kaldır */
    overflow: hidden; /* Taşmaları engelle */
}
.single-post .post-thumbnail.featured-image-fullwidth img,
.page-content .post-thumbnail.featured-image-fullwidth img {
    width: 100%; /* Resim konteyneri doldursun */
    max-width: none; /* Varsa max-width kısıtlamasını kaldır */
    height: auto; /* Oranı koru */
    display: block;
    border-radius: 0; /* Resmin kendi köşelerini de sıfırla */
    box-shadow: none; /* Resmin kendi gölgesini de kaldır */
}

/* 4. Mobil İçin Görsel Boşluklarını Ayarla */
@media (max-width: 979px) {
    .single-post .post-thumbnail.featured-image-fullwidth,
    .page-content .post-thumbnail.featured-image-fullwidth {
        margin-left: -20px; /* Mobil kart sol padding'ini sıfırla */
        margin-right: -20px; /* Mobil kart sağ padding'ini sıfırla */
    }
}

/*
==========================================================================
 107. TEKİL İÇERİK GÖRSEL VE TİPOGRAFİ (Revizyon 3 - Temizlenmiş Calc)
==========================================================================
*/

/* --- SADECE TEKİL YAZI VE SAYFALARDA GEÇERLİ OLACAK KURALLAR --- */

/* 1. Başlık Stili (Önceki haliyle aynı kalabilir) */
body.single-post .entry-title,
body.page .entry-title { 
    font-family: 'Oswald', sans-serif; 
    font-weight: 700; 
    font-size: 24px; 
    text-align: left; 
    line-height: 1.4; 
    margin-left: auto; 
    margin-right: auto; 
    margin-bottom: 10px; 
    padding-bottom: 10px; 
    color: #222; 
    
    position: relative; 
}


/* --- META, BLOCKQUOTE stilleri burada devam eder (önceki haliyle) --- */
/* ... (Meta ve Blockquote stilleriniz buraya gelecek) ... */
/* Örnek Blockquote (Negatif marginsiz haliyle) */
body.single-post .entry-content blockquote,
body.page .entry-content blockquote {
    margin: 25px 0; /* Negatif margin yok */
    padding: 20px 25px 20px 55px; 
    background-color: #f7f9f9; 
    border-left: 4px solid #008080; 
    border-radius: 0 4px 4px 0; 
    position: relative;
    font-family: Georgia, serif; 
    font-size: 1.1em; 
    font-style: italic; 
    color: #444; 
    line-height: 1.7;
    border-top: none; border-right: none; border-bottom: none;
}
body.single-post .entry-content blockquote p,
body.page .entry-content blockquote p { margin-bottom: 0; }
body.single-post .entry-content blockquote::before,
body.page .entry-content blockquote::before {
    content: "\f10d"; font-family: FontAwesome; position: absolute;
    left: 18px; top: 15px; font-size: 24px; color: #008080; font-style: normal;
}


/* --- YENİDEN DÜZENLENMİŞ GÖRSEL VE İÇERİK STİLLERİ --- */

/* 6. Öne Çıkan Görsel (Temizlenmiş Calc Metodu) */
body.single-post .post-thumbnail.featured-image-fullwidth,
body.page .post-thumbnail.featured-image-fullwidth {
    margin-left: -35px; /* Kart sol padding'ini sıfırla (Masaüstü) */
    margin-right: -35px; /* Kart sağ padding'ini sıfırla (Masaüstü) */
    width: calc(100% + 70px); /* 100% + (35px * 2) */
    max-width: none; /* Genişlik kısıtlamasını kaldır */ 
    
    margin-bottom: 10px; /* İçerikle arasına boşluk */
    overflow: hidden; 
    aspect-ratio: 21 / 9; /* Geniş oran */
    max-height: 350px; /* Maksimum yükseklik */
    background-color: #eee; 
    border-radius: 0; 
}

/* Görselin kendisi (img) */
body.single-post .post-thumbnail.featured-image-fullwidth img,
body.page .post-thumbnail.featured-image-fullwidth img {
    width: 100%; 
    height: 100%; 
    display: block;
    object-fit: cover; 
    object-position: center center; 
    border-radius: 0; 
    box-shadow: none; 
}

/* 7. İçerik Alanı Çerçevesi */
body.single-post .entry-content,
body.page .entry-content {
    border: 1px solid #f0f0f0; 
    padding: 25px; 
    border-radius: 4px; 
    background-color: #fff; 
    margin-top: 0; /* Görsel varsa üst boşluk olmasın */
}

/* 8. Mobil Görünüm Ayarları */
@media (max-width: 979px) {
    /* Mobil Görsel Ayarı */
    body.single-post .post-thumbnail.featured-image-fullwidth,
    body.page .post-thumbnail.featured-image-fullwidth {
        margin-left: -20px; /* Mobil kart sol padding'ini sıfırla */
        margin-right: -20px; /* Mobil kart sağ padding'ini sıfırla */
        width: calc(100% + 40px); /* GÜNCELLEME: Mobil calc eklendi */
        max-width: none; /* GÜNCELLEME: Mobil max-width eklendi */
        border-radius: 0; 
    }
    
    /* Mobil İçerik Padding */
    body.single-post .entry-content,
    body.page .entry-content {
        padding: 20px; 
    }
    /* Mobil Blockquote Margin (Negatif marginsiz) */
     body.single-post .entry-content blockquote,
    body.page .entry-content blockquote {
        margin: 25px 0; 
    }
}


/*
==========================================================================
 109. TEKİL İÇERİK BAŞLIK ALANI (Revizyon 1 - Breadcrumb Üstte)
==========================================================================
*/

/* 1. Yeni Header Sarmalayıcısı */
body.single-post .entry-header-modern,
body.page .entry-header-modern {
    margin-bottom: 25px; 
    padding-bottom: 0; /* Alt boşluğu kaldır (meta barı altta) */
    border-bottom: none; 
}

/* 2. Breadcrumb Stili (Başlığın Üstünde) */
body.single-post .breadcrumb-nav,
body.page .breadcrumb-nav {
    
    font-size: 14px;
    font-weight: 000;
    color: #888;
    margin-bottom: 10px; /* Başlıkla arayı aç */
    border-bottom: 1px solid #eee; 
    /* text-align: center; */ /* Ortalamak isterseniz */
}
body.single-post .breadcrumb-nav a,
body.page .breadcrumb-nav a {
    color: #666;
    text-decoration: none;
}
body.single-post .breadcrumb-nav a:hover,
body.page .breadcrumb-nav a:hover {
    color: #008080;
    text-decoration: underline;
}
/* Breadcrumb'daki son öğeyi (kategori vb.) gizlemiyoruz, fonksiyon güncellendi */

/* 3. Başlık Stili (Konumu değişti) */
body.single-post .entry-header-modern .entry-title,
body.page .entry-header-modern .entry-title { 
    
    font-weight: 700; 
    font-size: 26px; /* Boyutu koru veya ayarla */
    line-height: 1.3; 
    color: #222; 
    text-align: left; /* Sola yaslı */
    margin: 0 0 15px 0; /* Meta barı için alt boşluk */
    padding: 0;
    border: none; 
    position: static; 
}
/* Başlığın sol çizgisini kaldır */
body.single-post .entry-header-modern .entry-title::before,
body.page .entry-header-modern .entry-title::before {
    display: none;
}

/* 4. Meta Barı (Alt Çizgilerle) */
body.single-post .entry-meta-bar {
    display: flex;
    justify-content: space-between; 
    align-items: center; 
    flex-wrap: wrap; 
    gap: 15px; 
    border-top: 1px solid #eee; 
    border-bottom: 1px solid #eee; 
    padding: 10px 0; 
    margin-bottom: 25px; /* Görselle arasını açmak için */
    font-family: Arial, sans-serif;
    font-size: 14px;
    color: #777;
}
/* Sol Grup (Kategori) */
body.single-post .meta-left {
    display: flex;
    align-items: center;
    gap: 5px; 
}
/* Sağ Grup (Tarih, Paylaşım) */
body.single-post .meta-right {
    display: flex;
    align-items: center;
    gap: 15px; 
}
body.single-post .meta-category a,
body.single-post .meta-date {
    color: #777;
    text-decoration: none;
}
body.single-post .meta-category a:hover {
    color: #008080;
    text-decoration: underline;
}
body.single-post .meta-category .fa,
body.single-post .meta-date .fa {
    color: #aaa;
    margin-right: 5px;
}

/* 5. Paylaşım İkonları (Genişletilmiş) */
body.single-post .meta-share {
    display: flex;
    align-items: center;
    gap: 10px; /* İkonlar arası boşluk */
    position: relative; /* Kopyalandı mesajı için */
}
body.single-post .meta-share a {
    color: #aaa; 
    font-size: 19px; /* İkon boyutu */
    transition: color 0.2s ease;
    line-height: 1; 
    position: relative; /* Kopyalandı geri bildirimi için */
    display: inline-block; /* Geri bildirim için */
}
body.single-post .meta-share a:hover {
    color: #555; 
}
/* Sosyal medya renkleri */
body.single-post .meta-share a[href*="facebook.com"]:hover { color: #3b5998; }
body.single-post .meta-share a[href*="twitter.com"]:hover { color: #1da1f2; }
body.single-post .meta-share a[href*="linkedin.com"]:hover { color: #0077b5; }
body.single-post .meta-share a[href*="whatsapp.com"]:hover { color: #25d366; }
body.single-post .meta-share a[href*="t.me"]:hover { color: #0088cc; }
body.single-post .meta-share a.btn-print-post:hover { color: #d33a2c; } /* Yazdır ikonu için */
body.single-post .meta-share a.btn-copy-link:hover { color: #008080; } /* Kopyala ikonu için */

/* Bağlantı Kopyala Geri Bildirimi */
.copy-feedback-link {
    display: none; /* JS ile gösterilecek */
    position: absolute;
    top: -25px; /* İkonun üzerinde */
    left: 50%;
    transform: translateX(-50%);
    background: #333;
    color: #fff;
    font-size: 10px;
    font-family: Arial, sans-serif;
    padding: 3px 6px;
    border-radius: 3px;
    white-space: nowrap;
}

/* 6. Öne Çıkan Görsel ve İçerik Stilleri (Tam Genişlik - Calc Metodu) */
body.single-post .featured-image-fullwidth,
body.page .featured-image-fullwidth {
    margin-left: -35px; /* Kart sol padding'ini sıfırla (Masaüstü) */
    margin-right: -35px; /* Kart sağ padding'ini sıfırla (Masaüstü) */
    
    /* GÜNCELLEME: Genişliği padding kadar artır */
    width: calc(100% + 70px); /* 100% + (35px * 2) */
    max-width: none; /* Genişlik kısıtlamasını kaldır */ 
    
    margin-bottom: 30px; 
    overflow: hidden; 
    aspect-ratio: 21 / 9; 
    max-height: 400px; 
    background-color: #eee; 
    border-radius: 0; 
}

/* İçindeki img kuralı aynı kalıyor */
body.single-post .featured-image-fullwidth img,
body.page .featured-image-fullwidth img {
    width: 100%; height: 100%; display: block;
    object-fit: cover; object-position: center center; 
    border-radius: 0; box-shadow: none; 
}

body.single-post .entry-content,
body.page .entry-content {
    border: 1px solid #f0f0f0; 
    padding: 25px; 
    border-radius: 4px; 
    background-color: #fff; 
    margin-top: 0; 
}
body.single-post article:not(:has(.featured-image-fullwidth)) .entry-content,
body.page article:not(:has(.featured-image-fullwidth)) .entry-content {
    margin-top: 0px; 
}

/* Görsel sadece içerik kutusuna yayılır */
.single-post .post-thumbnail {
  margin: 0;
  padding: 0;
}

.single-post .post-thumbnail img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 0;
  box-shadow: none;
  object-fit: cover;
}



/* Mobil için görsel margin ayarı */
@media (max-width: 979px) {
 body.single-post .featured-image-fullwidth,
    body.page .featured-image-fullwidth {
        /* GÜNCELLEME: Mobil için negatif margin'leri geri getir */
        margin-left: -20px; /* Mobil kart sol padding'ini sıfırla */
        margin-right: -20px; /* Mobil kart sağ padding'ini sıfırla */
        
        /* GÜNCELLEME: Köşe yuvarlama 0 olmalı */
        border-radius: 0; 
    }
     body.single-post .entry-content,
    body.page .entry-content {
        padding: 20px; 
    }
}

/*
==========================================================================
 113. MODERN İLETİŞİM SAYFASI TASARIMI (SPLIT LAYOUT)
==========================================================================
*/

/* 1. Ana Split Konteyner */
.modern-contact-container {
    display: flex;
    flex-wrap: wrap; /* Mobilde alt alta düşmesi için */
    margin-top: 30px;
    border: 1px solid #e9e9e9;
    border-radius: 8px; /* Temanın kart stiliyle aynı */
    box-shadow: 0 4px 12px rgba(0,0,0,0.06); /* Temanın kart stiliyle aynı */
    overflow: hidden; /* Köşelerin düzgün görünmesi için */
}

/* 2. Sol Sütun (Bilgi) */
.contact-info-col {
    flex-basis: 40%; /* Sol sütun genişliği */
    min-width: 300px; /* Daralmada minimum genişlik */
    flex-grow: 1; /* Büyüyebilsin */
    
    background-color: #008080; /* Temanızın ana rengi (Teal) */
    color: #fff;
    padding: 30px;
    box-sizing: border-box;
    
    display: flex; /* İçeriği dikeyde esnetmek için */
    flex-direction: column; /* İçerik alt alta sıralansın */
}
.contact-info-col p {
    color: #e0f2f2; /* Ana metin rengi (açık teal) */
    font-family: Arial, sans-serif;
    font-size: 15px;
    line-height: 1.7;
}
.contact-info-col strong {
    color: #fff; /* Vurgulu metin */
}
.contact-info-col a {
    color: #fff;
    text-decoration: underline;
}
.contact-info-col a:hover {
    color: #c0dfdf;
}

/* 2.1. Sol Sütun Alt Kısım (E-posta ve Sosyal Medya) */
.contact-info-details {
    margin-top: auto; /* Bu bloğu sütunun en altına iter */
    padding-top: 20px;
    border-top: 1px solid rgba(255,255,255,0.2);
}
.contact-info-details p {
    margin-bottom: 15px;
}
.contact-social-icons {
    display: flex;
    gap: 15px; /* İkonlar arası boşluk */
}
.contact-social-icons a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background-color: #fff;
    color: #008080; /* İkon rengi (Teal) */
    border-radius: 4px;
    text-decoration: none;
    font-size: 20px;
    transition: all 0.2s ease;
}
.contact-social-icons a:hover {
    background-color: #e0f2f2;
    transform: scale(1.1);
}

/* 3. Sağ Sütun (Form) */
.contact-form-col {
    flex-basis: 60%; /* Sağ sütun genişliği */
    min-width: 320px; /* Daralmada minimum genişlik */
    flex-grow: 1; /* Büyüyebilsin */
    
    background-color: #fcfcfc; /* Hafif kırık beyaz */
    padding: 30px;
    box-sizing: border-box;
}

/* 3.1. Formun Kendisi (.clean-contact-form-wrapper) */
/* Mevcut stilinizin (Bölüm 112) üzerine yazıyoruz */
.contact-form-col .clean-contact-form-wrapper {
    margin-top: 0;
    padding: 0;
    border: none;
    border-radius: 0;
    background-color: transparent; /* Arka planı transparan yap */
    box-shadow: none;
}
.contact-form-col .clean-contact-form-wrapper h2 {
    font-size: 24px; /* Başlığı büyütelim */
    text-align: left;
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 25px;
}
.contact-form-col #cleanContactForm textarea {
    min-height: 120px; /* Mesaj kutusunu küçültelim */
}

/* 4. Mobil (Responsive) Ayarı */
@media (max-width: 979px) { /* Temanızın ana breakpoint'i */
    .modern-contact-container {
        /* flex-direction: column; zaten wrap:wrap ile sağlanacak */
    }
    .contact-info-col,
    .contact-form-col {
        flex-basis: 100%; /* Sütunlar tam genişlik kaplasın */
        padding: 25px; /* Mobilde iç boşluğu azalt */
    }
    .contact-info-details {
        margin-top: 25px; /* Mobilde alta itmeyi kaldır, normal boşluk ver */
    }
}

/*
==========================================================================
 112. TEMİZ İLETİŞİM FORMU STİLLERİ
==========================================================================
*/

.clean-contact-form-wrapper {
    margin-top: 30px;
    padding: 25px;
    border: 1px solid #eee;
    border-radius: 5px;
    background-color: #fcfcfc;
}

.clean-contact-form-wrapper h2 {
    font-family: 'Myriad Pro Bold Condensed', Arial, sans-serif; /* Tema başlık fontu */
    font-size: 22px;
    margin-top: 0;
    margin-bottom: 25px;
    text-align: left;
    color: #333;
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
}

#cleanContactForm .form-row {
    margin-bottom: 20px;
}

#cleanContactForm label {
    display: block;
    margin-bottom: 6px;
    font-weight: bold;
    font-size: 14px;
    font-family: Arial, sans-serif;
    color: #444;
}
#cleanContactForm label .required {
    color: red;
    margin-left: 3px;
}

#cleanContactForm input[type="text"],
#cleanContactForm input[type="email"],
#cleanContactForm textarea {
    width: 100%;
    padding: 12px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-family: Arial, sans-serif;
    font-size: 15px;
    box-sizing: border-box;
    background-color: #fff;
    transition: border-color 0.3s ease;
}
#cleanContactForm textarea {
    min-height: 150px;
    resize: vertical;
}
#cleanContactForm input[type="text"]:focus,
#cleanContactForm input[type="email"]:focus,
#cleanContactForm textarea:focus {
    border-color: #008080; /* Tema rengi */
    outline: none;
    box-shadow: 0 0 0 2px rgba(0, 128, 128, 0.1);
}

/* Gönder Butonu ve Spinner */
#cleanContactForm .form-submit-row {
    display: flex;
    align-items: center;
    gap: 15px; /* Buton ve spinner arası boşluk */
    margin-top: 10px;
}

.clean-submit-button {
    display: inline-block;
    font-family: 'Myriad Pro Bold Condensed', Arial, sans-serif;
    font-size: 16px;
    color: #fff;
    background-color: #008080; /* Tema rengi */
    border: 1px solid #008080;
    padding: 12px 30px;
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.2s ease;
    -webkit-appearance: none;
}
.clean-submit-button:hover {
    background-color: #005959;
    border-color: #005959;
}
.clean-submit-button:disabled {
    background-color: #aaa;
    border-color: #aaa;
    cursor: not-allowed;
    opacity: 0.7;
}

/* WordPress AJAX Spinner */
#cleanContactForm .spinner {
    background: url(<?php echo esc_url( admin_url( 'images/wpspin_light.gif' ) ); ?>) no-repeat; /* WordPress'in kendi spinner'ı */
    background-size: 16px 16px;
    display: inline-block;
    vertical-align: middle;
    opacity: 1;
    width: 16px;
    height: 16px;
    margin: 0;
    padding: 0;
    visibility: hidden; /* Başlangıçta gizli */
}

/* Mesaj Alanı */
.clean-form-message {
    margin-top: 15px;
    padding: 12px 15px;
    border-radius: 4px;
    display: none; /* Başlangıçta gizli */
    font-size: 14px;
    border: 1px solid transparent;
}
.clean-form-message.success {
    background-color: #e6f7e9; color: #2d6a36; border-color: #c3e6cb; display: block;
}
.clean-form-message.error {
    background-color: #f8d7da; color: #721c24; border-color: #f5c6cb; display: block;
}

/* Mobil için Form Elemanları (Genellikle zaten blok elementlerdir, ek ayara gerek olmayabilir) */

/*
==========================================================================
 114. İLETİŞİM SAYFASI - KART GÖRÜNÜMÜNÜ KALDIRMA
==========================================================================
*/

/* * Sadece "iletisim.php" şablonunu kullanan sayfalarda 
 * ana içerik kartının stillerini sıfırla.
 */
.page-template-iletisim #primary.content-area {
    background: transparent; /* Beyaz arka planı kaldır */
    border: none;            /* Kenarlığı kaldır */
    box-shadow: none;        /* Gölgeyi kaldır */
    padding: 0;              /* İç boşlukları sıfırla */
}

/* * Ana kartın iç boşluğu kalktığı için,
 * formun üstündeki 30px'lik boşluğu da sıfırlayalım.
 */
.page-template-iletisim .modern-contact-container {
    margin-top: 0;
}

/* ---------- Akademik Yazı Başlığı Çizgi Stili ---------- */

/* ---------- Başlık Sol Çizgi Stili (Border Metodu) ---------- */

/* Tüm ilgili başlıklar için sol padding ve border hazırlığı */
body.single-post .entry-title,
body.page .entry-title,
body.post-template-template-akademik-post .entry-title {
    padding-left: 15px; /* Çizgi ve metin arasına boşluk */
    border-left: 5px solid transparent; /* Varsayılan olarak transparan çizgi */
    /* position: relative; Artık GEREKLİ DEĞİL */
    /* ::before ile ilgili stilleri buradan kaldırın */
}

/* Akademik şablondaki başlığın sol border'ını renklendir */
body.post-template-template-akademik-post .entry-title {
    border-left-color: #008080; /* Tema rengi */
    /* Akademik başlığın alt çizgisini kaldır (isteğe bağlı, önceki koddan) */
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 15px;
}

/* Genel tekil yazı ve sayfa başlıklarının sol border'ını renklendir */
body.single-post:not(.post-template-template-akademik-post) .entry-title,
body.page:not(.post-template-template-akademik-post) .entry-title {
    border-left-color: #008080; /* Varsayılan gri renk */
    /* Bu başlıkların alt çizgisi kalabilir (border-bottom: 1px solid #eee;) */
}


/* ---------- ---------- */



/* ---------- Akademik Widget - Başlık Yerine Butonlar (Estetik Güncelleme) ---------- */

/* Butonları içeren div'i başlık gibi biçimlendir - Daha temiz */
.academic-sidebar .widget .akademik-button-links.widget-title-replacement {
    display: flex; /* Butonları yan yana getir */
    gap: 8px; /* Butonlar arası boşluk (azaltıldı) */
    margin: -20px -20px 20px -20px; /* Başlığın margin'i gibi (widget padding'ini sıfırlar) */
    padding: 12px 15px; /* Başlık padding'i gibi (dikey azaltıldı) */
    border-bottom: 1px solid #e5e5e5; /* Başlığın alt çizgisi gibi */
    background-color: transparent; /* Arka planı kaldır, widget arka planı görünsün */
    border-radius: 8px 8px 0 0; /* Sadece üst köşeler yuvarlak kalsın */

    /* Önceki .akademik-button-links stillerini sıfırla/ez */
    margin-top: -20px;
    padding-top: 12px;
    border-top: none;
}

/* Butonların genel stili - Daha sade */
.academic-sidebar .widget .widget-title-replacement .akademik-button-link {
    flex-grow: 1; /* Butonlar mevcut alanı eşit paylaşsın */
    padding: 8px 12px; /* İç boşluğu azalt */
    font-size: 13px; /* Fontu küçült */
    font-weight: 600; /* Semibold yapalım (daha az baskın) */
    font-stretch: normal; /* Condensed olmasın */
    border: 1px solid; /* Kenarlık ekleyelim */
    border-radius: 4px; /* Hafif yuvarlatma */
    text-align: center;
    box-shadow: none; /* Gölgeyi kaldır */
    /* Cufon'u engelleme (önceki koddan) */
    font-family: 'Myriad Pro Local', Arial, sans-serif !important;
}

/* Tam Metin Butonu Renkleri */
.academic-sidebar .widget .widget-title-replacement .akademik-button-link.tam-metin {
    background-color: #008080 /* Açık tema rengi */
    color: #fff; /* Koyu tema rengi */
    border-color: #b3d9d9; /* Biraz daha koyu kenarlık */
}
.academic-sidebar .widget .widget-title-replacement .akademik-button-link.tam-metin:hover {
    background-color: #009999;
    border-color: #9cc2c2;
    color: #fff;
}

/* Satın Alma Butonu Renkleri */
.academic-sidebar .widget .widget-title-replacement .akademik-button-link.satin-alma {
    background-color: #f0f0f0; /* Açık gri */
    color: #555; /* Koyu gri */
    border-color: #dcdcdc; /* Biraz daha koyu gri kenarlık */
}
.academic-sidebar .widget .widget-title-replacement .akademik-button-link.satin-alma:hover {
    background-color: #e0e0e0;
    border-color: #c7c7c7;
    color: #333;
}

/* Buton İkonları */
.academic-sidebar .widget .widget-title-replacement .akademik-button-link .fa {
    font-size: 1em; /* Metinle aynı boyutta */
    margin-right: 5px; /* Boşluğu azalt */
}

/* Meta listesinin üstündeki boşluğu ayarla (butonlardan sonra) */
.academic-sidebar .widget .akademik-meta-list {
    margin-top: 20px; /* Butonlarla liste arasına boşluk */
}

/* Atıf alanı üst boşluğu (Eğer liste yoksa) */
.academic-sidebar .widget .akademik-atif-alani:first-child {
    margin-top: 20px; /* Eğer meta listesi yoksa, butonlarla atıf arasına boşluk */
}

/* ---------- ---------- */


/* ---------- Mobil Paylaş Butonu Stilleri ---------- */

/* Masaüstünde (980px+) Paylaş Butonunu Gizle, Dropdown'u Normal Göster */
@media (min-width: 980px) {
    .meta-share .share-toggle-button {
        display: none !important; /* Masaüstünde gizle (!important eklendi) */
    }
    .meta-share .share-dropdown {
        display: flex; /* İkonları yan yana göster */
        align-items: center;
        gap: 10px; /* Mevcut boşluk */
        /* Dropdown için eklenen position, top, right gibi stiller burada OLMAMALI */
        position: static; /* Absolute pozisyonlamayı kaldır */
        background-color: transparent;
        border: none;
        box-shadow: none;
        width: auto; /* Otomatik genişlik */
        padding: 0; /* İç boşluğu sıfırla */
    }
    .meta-share .share-dropdown a {
        /* Masaüstü ikon stilleri */
        color: #aaa;
        font-size: 19px;
        padding: 0; /* İç boşluğu sıfırla */
        /* Metinle ilgili stilleri sıfırla */
        font-family: inherit;
        font-weight: inherit;
        font-stretch: inherit;
    }
     .meta-share .share-dropdown a:hover {
        background-color: transparent; /* Hover arka planını kaldır */
     }
    .meta-share .share-dropdown .share-text,
    .meta-share .share-dropdown .copy-feedback-link:not([style*="display: none"]) + .share-text {
        display: none; /* Masaüstünde ikon yanındaki metni gizle */
    }
    .meta-share .share-dropdown a .fa {
         margin-right: 0; /* Metin olmadığı için ikonda sağ boşluk olmaz */
    }
}

/* Mobilde (979px-) Paylaş Butonunu Göster, Dropdown'u Ayarla */
@media (max-width: 979px) {
    .meta-share {
        position: relative; /* Dropdown'un konumlanması için */
    }

    /* Paylaş Butonu Stili (Mobil) */
    .meta-share .share-toggle-button {
        display: inline-flex; /* Göster */
        align-items: center;
        justify-content: center;
        background: transparent;
        border: 1px solid #ddd; /* Hafif kenarlık */
        color: #777;
        font-size: 16px; /* Biraz küçült */
        padding: 5px 10px; /* İç boşluk */
        border-radius: 4px;
        cursor: pointer;
        text-decoration: none;
    }
     .meta-share .share-toggle-button:hover {
        background-color: #f5f5f5;
        color: #333;
    }
    .meta-share .share-toggle-button .fa {
        /* İkon için ek stil gerekirse */
    }

    /* Dropdown Konteyneri (Mobil - Gizli Hali) */
    .meta-share .share-dropdown {
        display: none; /* Varsayılan olarak gizli */
        position: absolute;
        top: calc(100% + 5px); /* Butonun hemen altına */
        right: 0; /* Butonun sağına hizala */
        background-color: #fff;
        border: 1px solid #ddd;
        border-radius: 4px;
        box-shadow: 0 4px 10px rgba(0,0,0,0.1);
        z-index: 10;
        width: 180px; /* Dropdown genişliği */
        padding: 5px 0; /* Üst/Alt iç boşluk */
    }

    /* Dropdown Açık Hali (JS ile .share-active eklendiğinde) */
    .meta-share.share-active .share-dropdown {
        display: block; /* Açıkken göster */
    }
    .meta-share.share-active .share-toggle-button {
        background-color: #eee; /* Açıkken butonu vurgula */
    }


    /* Dropdown İçindeki Linkler (Mobil) */
    .meta-share .share-dropdown a {
        display: flex; /* İkon ve metni yan yana getir */
        align-items: center;
        padding: 8px 15px; /* İç boşluk */
        color: #555;
        font-size: 14px; /* Metin boyutu */
        text-decoration: none;
        white-space: nowrap; /* Metin taşmasın */
        font-family: 'Myriad Pro Local', Arial, sans-serif; /* Normal font */
        font-weight: 400;
        font-stretch: normal;
    }
    .meta-share .share-dropdown a:hover {
        background-color: #f5f5f5;
        color: #008080; /* Hover rengi */
    }
    .meta-share .share-dropdown a .fa {
        font-size: 16px; /* İkon boyutu */
        margin-right: 10px; /* İkon ve metin arası boşluk */
        width: 18px; /* İkonlar için sabit genişlik (hizalama) */
        text-align: center;
        color: #888; /* İkon rengi */
    }
     .meta-share .share-dropdown a:hover .fa {
        color: #008080; /* Hover'da ikon rengi */
    }
    .meta-share .share-dropdown .share-text {
        display: inline; /* Metni göster */
    }

     /* Bağlantı kopyala geri bildirimi dropdown içinde */
    .meta-share .share-dropdown .copy-feedback-link {
        display: none; /* Zaten JS ile yönetiliyor */
        margin-left: 5px;
        font-size: 11px;
        color: #008080;
    }
    .meta-share .share-dropdown a.btn-copy-link.is-copied .copy-feedback-link {
        display: inline;
    }
     .meta-share .share-dropdown a.btn-copy-link.is-copied .share-text {
        display: none; /* Kopyalandı yazısı varken ana metni gizle */
    }

} /* @media (max-width: 979px) sonu */

/* ---------- ---------- */

/* ---------- Akademik Widget İçerik Stilleri (İçerik ile Eşitlendi) ---------- */

/* 1. Widget ETİKETLERİ (Başlıklar) */

.academic-sidebar .widget .akademik-meta-list li strong,
.academic-sidebar .widget .akademik-atif-alani strong {
    font-family: 'Myriad Pro Local', Arial, Helvetica, sans-serif !important;
    font-size: 17px !important;
    font-weight: 700 !important;       /* GÜNCELLEME: 600'den 700'e (Bold) */
    font-stretch: normal !important;   /* Eklendi */
    line-height: 1.7 !important;       /* Eklendi */
    color: #444 !important;           /* Eklendi */
}

/* 2. Widget DEĞERLERİ (Metinler) */

.academic-sidebar .widget .akademik-meta-list li span,
.academic-sidebar .widget .akademik-meta-list li span a,
.academic-sidebar .widget p {
    font-family: 'Myriad Pro Local', Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-stretch: normal;
font-size: 17px;
    display: block;

    margin-inline-start: 0px;
    margin-inline-end: 0px;
    unicode-bidi: isolate;
line-height: 1.7;
    color: #444;
}

/* 3. İstisna: Atıf Metni Kodu (Ayrı Stil) */
.academic-sidebar .widget .akademik-atif-wrapper pre code {
    font-family: Consolas, Monaco, 'Courier New', monospace !important; /* Kod fontu daha iyi */
    font-size: 13px !important;       /* Küçük boyutu koru */
    line-height: 1.5 !important;      /* line-height güncellendi */
    color: #333 !important;           /* Renk eklendi */
    font-weight: 400 !important;       /* Regular */
    font-stretch: normal !important;   /* Normal */
}

/* ---------- ---------- */

/* ---------- İçerik Altı Etiket/Anahtar Kelime Stilleri ---------- */

.post-tags {
    margin-top: 20px; /* İçerikle arasına boşluk */
    margin-bottom: 0px; /* Yorumlarla arasına boşluk */
    padding-top: 20px; /* Üstüne hafif boşluk */
    border-top: 1px dotted #ccc; /* Üstüne ayırıcı çizgi */
    font-family: 'Myriad Pro Local', Arial, sans-serif; /* Ana font */
    font-size: 14px;
    line-height: 1.8; /* Satır yüksekliği biraz fazla olsun */
    color: #555;
}

.post-tags .tags-title {
    font-weight: 600; /* Semibold */
    margin-right: 8px; /* Etiketle ilk link arasına boşluk */
    color: #333; /* Başlık rengi */
}

.post-tags i.fa {
    margin-right: 6px; /* İkon ve başlık arası boşluk */
    color: #888; /* İkon rengi */
}

.post-tags a {
    color: #008080; /* Tema rengi */
    text-decoration: none;
    background-color: #e8f3f3; /* Tema renginin çok açığı */
    padding: 3px 8px; /* İç boşluk */
    border-radius: 3px; /* Hafif yuvarlatma */
    margin-right: 5px; /* Etiketler arası boşluk */
    white-space: nowrap; /* Etiketler tek satırda kalsın */
    transition: background-color 0.2s ease, color 0.2s ease;
    display: inline-block; /* Margin'in çalışması için */
    margin-bottom: 5px; /* Alt satıra kayarsa boşluk */
}

.post-tags a:hover {
    background-color: #008080; /* Hover - tema rengi */
    color: #fff; /* Hover - beyaz metin */
    text-decoration: none;
}

/* Akademik Anahtar Kelimeler için ek stil (gerekirse) */
.academic-keywords-bottom {
    /* Özel stil gerekirse buraya ekleyin */
}


/* ---------- ---------- */

/* ---------- Dipnot Stilleri Güncelleme (Numara İtalik + İkon Alt Çizgi Kaldırma) ---------- */

/* 1. Metin içindeki dipnot numarasını italik yap ve alt çizgiyi kaldır */
.entry-content sup a {
    text-decoration: none !important;
    border-bottom: none !important;
    box-shadow: none !important;
    font-style: italic !important; /* İtalik yap */
}
.entry-content sup a:hover {
    text-decoration: none !important;
    border-bottom: none !important;
}

/* 2. Dipnot açıklamasındaki TÜM linklerin (↩︎ ikonu dahil) altındaki çizgiyi kaldır */
/* WordPress genellikle .footnotes sınıfını kullanır. Bu kural, 
   o alanın içindeki *tüm* linkleri hedefler. */
.entry-content .footnotes a {
    text-decoration: none !important;
    border-bottom: none !important;
    box-shadow: none !important;
}
.entry-content .footnotes a:hover {
    text-decoration: none !important;
    border-bottom: none !important;
}

/* ---------- ---------- */
/*
==========================================================================
 115. MOBİL FİLTRE KAYDIRMA OKLARI (YENİ - DÜZELTİLMİŞ)
==========================================================================
*/

/* Masaüstünde (980px+) okları her zaman gizli tut */
@media (min-width: 980px) {
    .scroll-cue {
        display: none !important;
    }
}

/* Mobilde (979px-) ok stillerini tanımla */
@media (max-width: 979px) {
    
    /* 1. Satırı göreceli yap (oklar buna göre hizalanacak) */
    .filter-row {
        position: relative;
    }

    /* 2. Okların (cue) genel stili - DÜZELTİLDİ */
    .scroll-cue {
        display: none; /* Varsayılan olarak gizli (JS ile açılacak) */
        position: absolute;
        top: 0;
        bottom: 0;
        width: 45px; 
        z-index: 5; 
        cursor: pointer; /* Tıklanabilir yap */
        -webkit-tap-highlight-color: transparent;
        
        /* İkon hizalaması .is-visible sınıfına taşındı */
        
        color: #008080; 
        font-size: 28px; 
        text-shadow: 0 0 8px rgba(255, 255, 255, 0.9);
        
        opacity: 0; 
        transition: opacity 0.3s ease;
    }

    /* 3. JS'nin görünür yapmak için kullanacağı sınıf - GÜNCELLENDİ */
    .scroll-cue.is-visible {
        display: flex; /* GÖRÜNÜR YAP ve İKONU ORTALA */
        align-items: center; /* Dikeyde ortala */
        opacity: 1;
    }

    /* 4. Sol Ok (Gradyan ve Hizalama) - GÜNCELLENDİ */
    .scroll-cue-left {
        left: 0;
        justify-content: flex-start;
        background: linear-gradient(to right, #ffffff 40%, transparent 100%);
    }
    .scroll-cue-left.is-visible {
         justify-content: flex-start; 
    }

    /* 5. Sağ Ok (Gradyan ve Hizalama) - GÜNCELLENDİ */
    .scroll-cue-right {
        right: 0;
        justify-content: flex-end;
        background: linear-gradient(to left, #ffffff 40%, transparent 100%);
    }
    .scroll-cue-right.is-visible {
         justify-content: flex-end;
    }
}

/*
==========================================================================
 117. BENZER YAZILAR SLIDER (YENİ - 4'lü Grid ve Mobil Slider)
==========================================================================
*/

.related-posts-slider-container {
    margin-top: 30px;
    padding-top: 20px;
    border-top: 1px solid #eee;
    
    /* Kart padding'ini telafi eden negatif margin'ler */
    margin-left: -35px; 
    margin-right: -35px;
}

.related-posts-slider-container h3 {
    font-family: 'Myriad Pro Local Bold Condensed', Arial, sans-serif;
    font-weight: 700;
    font-stretch: condensed;
    font-size: 24px;
    color: #333;
    margin: 0 0 20px 35px; /* Başlığı sola hizala (padding kadar) */
    padding-bottom: 0;
    border-bottom: none;
}

/* YENİ: Okları ve listeyi saran wrapper */
.related-slider-wrapper {
    position: relative;
}

/* * MASAÜSTÜ STİLLERİ (min-width: 980px)
 * 4'lü Grid olarak göster
 */
@media (min-width: 980px) {
    .related-posts-list {
        display: grid;
        grid-template-columns: repeat(4, 1fr); /* 4 EŞİT SÜTUN */
        gap: 15px; /* Kartlar arası boşluk */
        
        list-style: none;
        margin: 0;
        padding: 0 35px 15px 35px; /* Alanın iç boşlukları */
    }

    .related-post-item {
        /* Sabit genişlik ve margin-right kaldırıldı, grid hallediyor */
        width: 100%; 
        margin-right: 0;
        
        /* Diğer stil ayarları aynı */
        flex-shrink: 0;
        border: 1px solid #e9e9e9;
        border-radius: 8px;
        box-shadow: 0 2px 8px rgba(0,0,0,0.05);
        background: #fff;
        overflow: hidden;
        transition: transform 0.2s ease, box-shadow 0.2s ease;
    }
    
    /* Masaüstünde kaydırma oklarını gizle */
    .related-slider-wrapper .scroll-cue {
        display: none !important;
    }
}


/* * MOBİL STİLLER (max-width: 979px)
 * Yatay kaydırılabilir slider olarak göster
 */
@media (max-width: 979px) {
    .related-posts-slider-container {
        margin-left: -20px; /* Mobil padding telafisi */
        margin-right: -20px;
    }
    .related-posts-slider-container h3 {
        margin-left: 20px; /* Mobil padding kadar */
    }

    .related-posts-list {
        display: flex; /* YATAY HİZALAMA */
        flex-wrap: nowrap; /* Asla alt satıra kayma */
        overflow-x: auto;  /* YATAY KAYDIRMA */
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        scroll-behavior: smooth;
        
        list-style: none;
        margin: 0;
        padding: 0 20px 15px 20px; /* Mobil padding kadar */
        
        /* Kaydırma çubuğunu gizle */
        scrollbar-width: none; /* Firefox */
    }
    .related-posts-list::-webkit-scrollbar {
        display: none; /* Chrome, Safari */
    }

    .related-post-item {
        flex-shrink: 0;
        width: 160px; /* Mobilde kart genişliği */
        margin-right: 15px; /* Kartlar arası boşluk */
        border: 1px solid #e9e9e9;
        border-radius: 8px;
        box-shadow: 0 2px 8px rgba(0,0,0,0.05);
        background: #fff;
        overflow: hidden;
        transition: transform 0.2s ease, box-shadow 0.2s ease;
    }
    
    /* * MOBİL KAYDIRMA OKLARI (Filtrelerden kopyalandı)
     */
    .related-slider-wrapper .scroll-cue {
        display: none; /* Varsayılan olarak gizli (JS ile açılacak) */
        position: absolute;
        top: 0;
        bottom: 0;
        width: 35px; /* Daha dar bir alan */
        z-index: 5; 
        cursor: pointer;
        -webkit-tap-highlight-color: transparent;
        
        color: #008080; 
        font-size: 28px; 
        text-shadow: 0 0 8px rgba(255, 255, 255, 0.9);
        
        opacity: 0; 
        transition: opacity 0.3s ease;
    }
    .related-slider-wrapper .scroll-cue.is-visible {
        display: flex;
        align-items: center;
        opacity: 1;
    }
    /* Sol Ok */
    .related-slider-wrapper .related-scroll-cue-left {
        left: 0;
        justify-content: flex-start;
        background: linear-gradient(to right, #ffffff 40%, transparent 100%);
    }
    /* Sağ Ok */
    .related-slider-wrapper .related-scroll-cue-right {
        right: 0;
        justify-content: flex-end;
        background: linear-gradient(to left, #ffffff 40%, transparent 100%);
    }
}


/* * KART İÇİ STİLLER (Tüm ekran boyutları için ortak)
 * (Değişiklik yok)
 */
.related-post-item:last-child {
    margin-right: 0;
}
.related-post-item:hover {
    transform: translateY(-3px);
    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}
.related-post-item a {
    text-decoration: none;
    color: inherit;
    display: block;
    -webkit-tap-highlight-color: transparent;
}
.related-post-thumbnail {
    width: 100%;
    height: 110px;
    background-color: #f0f0f0;
    border-bottom: 1px solid #eee;
}
.related-post-thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.related-post-thumbnail .no-image {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    font-size: 30px;
    color: #ccc;
}
.related-post-title {
    font-family: 'Myriad Pro Local', Arial, Helvetica, sans-serif !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    font-stretch: normal !important;
    line-height: 1.4 !important;
    color: #444 !important;
    
    /* Mevcut boşluk ayarları kalsın */
    padding: 10px 12px;
    margin: 0;
}
.related-post-item a:hover .related-post-title {
    color: #008080;
}

/* Mobil için kart genişliğini ve margin/padding'i ayarla */
@media (max-width: 979px) {
    .related-posts-slider-container {
        /* Kartın dışına taşan negatif margin'leri mobilde düzelt */
        margin-left: -20px;
        margin-right: -20px;
    }
    .related-posts-slider-container h3 {
        margin-left: 20px; /* Mobil padding kadar */
    }
    .related-posts-list {
        padding: 0 20px 15px 20px; /* Mobil padding kadar */
    }
    .related-post-item {
        width: 160px; /* Mobilde kartları biraz küçült */
    }
}

/*
==========================================================================
 118. ŞİİR ŞABLONU (template-siir.php) ÖZEL STİLLERİ (FİNAL ÇÖZÜM 7)
==========================================================================
*/

/* 1. KART GÖRÜNÜMÜNÜ SIFIRLA */
/* Ana #primary kartı kalsın, ancak içindeki .entry-content'i sıfırla */
body.post-template-template-siir #primary.content-area .entry-content {
    padding: 0 !important; /* İç boşlukları kaldır */
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    /* DİKKAT: .entry-content'in arka planı ve border'ı ile ilgili 
       kurallar kaldırıldı, böylece ana kartın stili bozulmaz. */
}

body.post-template-template-siir .entry-content .wp-block-pullquote {
    margin-top: 0 !important; 
    margin-bottom: 0 !important;