/*
  A.T.G. PORTFOLYO - css/ide.css
  Yazılım projeleri için IDE (kod kutusu) görünümü.
  Kullanan sayfalar: pages/tum-projeler/rf-haberlesme.html
  Bu dosyadaki bölümler: 13
  Sıra (HTML <link> sırası bozulmamalı): base → [sayfa dosyası] → utilities → print
  Not: portfolio.css de yüklenmelidir (bu dosya onun üstüne eklenir).
  Bölüm numaraları eski tek-dosya düzeninden (style.css) korunmuştur; tam harita için css/base.css başına bakın.
*/

/* ==========================================================================
   13. YAZILIM PROJELERİ İÇİN IDE (KOD KUTUSU)
   ========================================================================== */
.ide-container {
    background-color: #1e1e1e;
    border-radius: 8px;
    overflow: hidden;
    margin: 25px 0;
    box-shadow: 0 8px 25px rgba(0,0,0,0.6);
    border: 1px solid var(--border-color);
}
.ide-header {
    background-color: #2d2d2d;
    padding: 10px 15px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #1e1e1e;
}
.mac-dot { 
    width: 12px; height: 12px; border-radius: 50%; margin-right: 8px; 
}
.dot-red { background-color: #ff5f56; }
.dot-yellow { background-color: #ffbd2e; }
.dot-green { background-color: #27c93f; }

.ide-filename {
    margin-left: 10px; color: #858585; font-family: monospace; font-size: 13px; letter-spacing: 0.5px;
}
.ide-content { 
    padding: 15px; overflow-x: auto; 
}
.ide-content pre { margin: 0; }
.ide-content code {
    font-family: 'Consolas', 'Courier New', monospace;
    font-size: 14px; line-height: 1.6; color: #d4d4d4;
}

/* Basit Sözdizimi Vurgulama (Syntax Highlighting) Renkleri */
.syn-kw { color: #569cd6; } /* Keywords: void, if, struct */
.syn-type { color: #4ec9b0; } /* Types: byte, unsigned long */
.syn-func { color: #dcdcaa; } /* Functions: millis, write, read */
.syn-com { color: #6a9955; font-style: italic; } /* Comments */
.syn-num { color: #b5cea8; } /* Numbers */
.syn-str { color: #ce9178; } /* Strings */

/* Light Mode Uyumluluğu */
body.light-mode .ide-container { 
    border-color: var(--border-color); 
    box-shadow: var(--box-shadow); 
}
body.light-mode .ide-header {
    background-color: #e2e8f0;
    border-bottom: 1px solid #cbd5e1;
}
body.light-mode .ide-content {
    background-color: #f8fafc;
}
body.light-mode .ide-content code {
    color: #333;
}
body.light-mode .syn-kw { color: #0000ff; } 
body.light-mode .syn-type { color: #267f99; } 
body.light-mode .syn-func { color: #795e26; } 
body.light-mode .syn-com { color: #008000; } 
body.light-mode .syn-num { color: #098658; } 
body.light-mode .syn-str { color: #a31515; }