/* Genel Ayarlar ve Sıfırlamalar */
body {
  font-family: 'Consolas', 'Monaco', 'Source Code Pro', monospace;
  background-color: #1a1a1a; /* Daha koyu arka plan */
  color: #e0e0e0; /* Açık metin rengi */
  margin: 0;
  padding: 20px;
  line-height: 1.6;
}

/* Kod Bloğu Genel Stili */
pre.tunga-code {
  background-color: #282c34; /* Atom One Dark temasına benzer koyu gri */
  padding: 1.5em 1em; /* Daha fazla dikey boşluk */
  border-radius: 8px; /* Hafif yuvarlak köşeler */
  overflow-x: auto; /* Yatay kaydırma çubuğu gerektiğinde */
  position: relative; /* Kopyala butonu için */
  line-height: 1.6; /* Daha okunaklı satır aralığı */
  font-size: 0.95em; /* Metin boyutu */
  white-space: pre; /* Beyaz boşlukları koru */
  margin-bottom: 25px; /* Alt boşluk */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Hafif gölge efekti */
}

/* İçteki Code Etiketi */
pre.tunga-code code {
  display: block; /* Yeni satırda başla */
}

/* Satır Numarası ve Kod İçeriği Hizalaması */
.tunga-code .line {
  display: flex; /* Flexbox ile yan yana hizalama */
  align-items: baseline; /* Metin taban çizgisini hizala */
  min-height: 1.6em; /* Satır yüksekliğini sabitle */
}

/* Satır Numarası Stili */
.tunga-code .line-num {
  color: #636d83; /* Koyu gri satır numarası */
  margin-right: 1.5em; /* Daha fazla boşluk */
  text-align: right;
  user-select: none; /* Seçilemez yap */
  padding-right: 1em; /* Sağdan boşluk */
  border-right: 1px solid #444b56; /* İnce ayırıcı çizgi */
  min-width: 2.5em; /* Minimum genişlik vererek hizalamaya yardımcı olur */
  flex-shrink: 0; /* Satır numarasının küçülmesini engelle */
}

/* Kopyala Butonu Stili */
.tunga-code .copy-btn {
  position: absolute;
  top: 0.8em;
  right: 0.8em;
  background-color: rgba(97, 106, 127, 0.7); /* Şeffaf gri tonu */
  color: #ffffff;
  border: none;
  padding: 0.6em 1.2em; /* Daha büyük tıklama alanı */
  border-radius: 5px;
  cursor: pointer;
  font-size: 0.8em;
  font-weight: 600;
  z-index: 10;
  transition: background-color 0.2s ease, transform 0.1s ease;
  display: flex; /* İkon ve metni hizala */
  align-items: center;
  gap: 0.5em; /* İkon ve metin aralığı */
}
.tunga-code .copy-btn:hover {
  background-color: rgba(97, 106, 127, 0.9);
  transform: translateY(-1px); /* Hafif yukarı kaydırma efekti */
}
.tunga-code .copy-btn i {
  font-size: 1em; /* İkon boyutu */
}

/* Genel Token Vurgulama Renkleri (Atom One Dark temasına yakın) */
.tunga-code .token.comment { color: #83868b; font-style: italic; } /* Gri, italik */
.tunga-code .token.string { color: #98c379; } /* Yeşil */
.tunga-code .token.number { color: #d19a66; } /* Turuncu */
.tunga-code .token.constant { color: #e5c07b; } /* Sarımsı */
.tunga-code .token.keyword { color: #c678dd; } /* Mor */
.tunga-code .token.builtin { color: #e6c07b; } /* Açık sarı */
.tunga-code .token.function { color: #61afef; } /* Açık mavi */
.tunga-code .token.operator { color: #c5c8c6; } /* Beyazımsı */
.tunga-code .token.variable { color: #abb2bf; } /* Gri-beyaz */
.tunga-code .token.punctuation { color: #abb2bf; } /* Gri-beyaz */
.tunga-code .token.html-entity { color: #d19a66; font-weight: bold; } /* Turuncu, kalın */

/* Dile Özel Sınıflar */

/* CSS Özel Sınıfları */
.tunga-code[data-lang="css"] .token.color { color: #98c379; } /* Yeşil */
.tunga-code[data-lang="css"] .token.unit { color: #d19a66; } /* Turuncu */
.tunga-code[data-lang="css"] .token.property { color: #e06c75; } /* Kırmızımsı */
.tunga-code[data-lang="css"] .token.selector-tag { color: #e06c75; } /* Kırmızımsı */
.tunga-code[data-lang="css"] .token.selector-class { color: #61afef; } /* Açık mavi */
.tunga-code[data-lang="css"] .token.selector-id { color: #c678dd; } /* Mor */
.tunga-code[data-lang="css"] .token.selector-pseudo { color: #e5c07b; } /* Sarımsı */

/* HTML Özel Sınıfları */
.tunga-code[data-lang="html"] .token.doctype { color: #5c6370; font-style: italic; }
.tunga-code[data-lang="html"] .token.tag { color: #e06c75; } /* Kırmızımsı */
.tunga-code[data-lang="html"] .token.tag-name { color: #e06c75; } /* Kırmızımsı */
.tunga-code[data-lang="html"] .token.attribute-name { color: #d19a66; } /* Turuncu */
.tunga-code[data-lang="html"] .token.attribute-value { color: #98c379; } /* Yeşil */
.tunga-code[data-lang="html"] .token.script-block,
.tunga-code[data-lang="html"] .token.style-block {
  color: #abb2bf;
  background-color: rgba(0, 0, 0, 0.1);
  display: inline-block; /* Kodu bir blok olarak sarar */
  padding: 0.1em 0.3em;
  border-radius: 3px;
  margin: 0 -0.3em; /* Kopyalamada boşluk oluşmasını engeller */
}
.tunga-code[data-lang="html"] .token.text { color: #abb2bf; } /* Normal metin */


/* PHP Özel Sınıfları */
.tunga-code[data-lang="php"] .token.php-tag { color: #c678dd; font-weight: bold; } /* <?php, ?> */
.tunga-code[data-lang="php"] .token.comment { color: #5c6370; font-style: italic; } /* Yorumlar */
.tunga-code[data-lang="php"] .token.string { color: #8BEB50; } /* Stringler */
.tunga-code[data-lang="php"] .token.variable-name { color: #c678dd; } /* Değişkenler ($degisken) */
.tunga-code[data-lang="php"] .token.function-name { color: #FFFFFF; } /* Fonksiyon İsimleri */
.tunga-code[data-lang="php"] .token.keyword { color: #c678dd; } /* Anahtar Kelimeler */
.tunga-code[data-lang="php"] .token.builtin { color: #e6c07b; } /* Dahili */
.tunga-code[data-lang="php"] .token.operator { color: #c5c8c6; } /* Operatörler */
.tunga-code[data-lang="php"] .token.punctuation { color: #abb2bf; } /* Noktalama */
.tunga-code[data-lang="php"] .token.number { color: #d19a66; } /* Sayılar */
.tunga-code[data-lang="php"] .token.constant { color: #e5c07b; } /* Sabitler */


/* C# Özel Sınıfları */
.tunga-code[data-lang="csharp"] .token.type-name { color: #61afef; } /* Açık mavi */
.tunga-code[data-lang="csharp"] .token.class-name { color: #e5c07b; } /* Sarımsı */


.cke_dialog_container {
  opacity: 1 !important;
  visibility: visible !important;
  z-index: 999999999 !important; /* Maksimum z-index */
}
.cke_modal_background {
  z-index: 99999998 !important; /* Diyalogdan hemen altı */
}
/* Diyaloğun içindeki elemanlar için de garanti */
.cke_dialog_contents {
  opacity: 1 !important;
  visibility: visible !important;
}