/* Prism toolbar (Copy butonu) gizle - Learn2 temasının kendi copy ikonu var */
div.code-toolbar > .toolbar {
    display: none !important;
}

/* Header renk override */
#header {
    background: #283046;
}

/* Searchbox - header rengine uyumlu stiller */
.searchbox {
    border: 1px solid #3d4d63;
    background: #1e2738;
}

.searchbox:focus-within {
    border-color: #5a6d8a;
}

/* Sidebar renk override */
#sidebar {
    background-color: #161d31;
}

#sidebar a {
    color: #a8b4c8;
}

#sidebar a:hover {
    color: #d0d8e8;
}

#sidebar hr {
    border-bottom: 1px solid #2a3550;
}

#sidebar h5.parent a {
    background: #1e2740;
    color: #c8d0e0 !important;
}

#sidebar ul.topics > li.parent,
#sidebar ul.topics > li.active {
    background: #1e2740;
}

#sidebar ul li.visited > a .read-icon {
    color: #5a8fd4;
}

#sidebar #footer {
    color: #5a6a80;
}

#sidebar #footer a {
    color: #7a8a9f;
}

/* Header logo styling - inline style yerine class kullanıyoruz (CSP uyumlu) */
.header-logo-text {
    font-size: 1.5rem;
    font-weight: bold;
    color: #ffffff;
}

.header-logo-img {
    max-height: 50px;
    width: auto;
    display: block;
}

/* Language switcher styling */
.langswitcher-wrapper {
    text-align: center;
    margin-top: 20px;
}

.langswitcher-wrapper a,
.langswitcher-wrapper span {
    color: #fff !important;
}

/* ========================================
   Dark Mode Toggle Button
   ======================================== */
#dark-mode-toggle {
    position: absolute;
    top: 10px;
    right: 10px;
    background: transparent;
    border: 1px solid rgba(255,255,255,0.3);
    border-radius: 4px;
    color: #666;
    cursor: pointer;
    padding: 8px 12px;
    font-size: 16px;
    transition: all 0.3s ease;
    z-index: 100;
}

#dark-mode-toggle:hover {
    background: rgba(0,0,0,0.1);
    border-color: rgba(0,0,0,0.3);
}

/* ========================================
   Dark Mode Styles
   ======================================== */
.dark-mode body,
.dark-mode #body {
    background-color: #1a1f2e;
    color: #d0d5e0;
}

.dark-mode #body .padding {
    background-color: #1a1f2e;
}

/* Dark - Toggle buton */
.dark-mode #dark-mode-toggle {
    color: #e0e0e0;
    border-color: rgba(255,255,255,0.3);
}

.dark-mode #dark-mode-toggle:hover {
    background: rgba(255,255,255,0.1);
}

/* Dark - Başlıklar */
.dark-mode #body h1,
.dark-mode #body h2,
.dark-mode #body h3,
.dark-mode #body h4,
.dark-mode #body h5,
.dark-mode #body h6 {
    color: #e8ecf4;
}

.dark-mode #body h1 + hr {
    border-color: #3a4560;
}

/* Dark - Linkler */
.dark-mode #body a {
    color: #6aa8e8;
}

.dark-mode #body a:hover {
    color: #8fc4ff;
}

/* Dark - Paragraflar ve metin */
.dark-mode #body p,
.dark-mode #body li,
.dark-mode #body td,
.dark-mode #body th {
    color: #c8ced8;
}

/* Dark - Kod blokları */
.dark-mode #body code {
    background-color: #252b3d;
    color: #e0e6f0;
    border-color: #3a4560;
}

.dark-mode #body pre {
    background-color: #1e2433 !important;
    border-color: #232428;
}

.dark-mode #body pre code {
    background-color: transparent;
}

/* Dark - Tablolar */
.dark-mode #body table {
    border-color: #3a4560;
}

.dark-mode #body table th {
    background-color: #252b3d;
    color: #e0e6f0;
    border-color: #3a4560;
}

.dark-mode #body table td {
    border-color: #3a4560;
    background-color: #1e2433;
}

.dark-mode #body table tr:nth-child(even) td {
    background-color: #232940;
}

/* Dark - Blockquote */
.dark-mode #body blockquote {
    background-color: #252b3d;
    border-left-color: #5a7aa8;
    color: #b8c0d0;
}

/* Dark - Ayırıcı çizgiler */
.dark-mode #body hr {
    border-color: #3a4560;
}

/* Dark - Bordered ve shadow elementler */
.dark-mode #body .bordered {
    border-color: #3a4560;
}

.dark-mode #body img.border {
    border-color: #3a4560 !important;
}

/* Dark - Navigasyon okları */
.dark-mode #body .nav {
    background-color: #252b3d;
}

.dark-mode #body .nav:hover {
    background-color: #2d3548;
}

.dark-mode #body .nav i {
    color: #8090a8;
}

/* Dark - Top bar */
.dark-mode #top-bar {
    background-color: #1e2433;
    border-bottom-color: #3a4560;
}

.dark-mode #breadcrumbs span,
.dark-mode #breadcrumbs a {
    color: #a0a8b8;
}

/* Dark - Active sidebar item */
.dark-mode #sidebar ul li.active > a {
    background: #6aa8e8;
    color: #1a1f2e !important;
}

/* Dark - Notices (markdown-notices plugin - .notices class) */
.dark-mode .notices.yellow,
.dark-mode .notices.warning {
    background: #3a351a !important;
    color: #e8d888 !important;
}

.dark-mode .notices.red,
.dark-mode .notices.info {
    background: #3a1a1a !important;
    color: #f0a0a0 !important;
}

.dark-mode .notices.blue,
.dark-mode .notices.note {
    background: #1a2a3a !important;
    color: #a8d4f0 !important;
}

.dark-mode .notices.green,
.dark-mode .notices.tip {
    background: #1a2a1a !important;
    color: #a8e0a8 !important;
}

.dark-mode .notices p {
    color: inherit !important;
}

/* Dark - Notices (Learn2 blockquote yapısı) */
.dark-mode blockquote > blockquote > blockquote > p {
    background: #3a351a !important;
    color: #e8d888 !important;
}

.dark-mode blockquote > blockquote > blockquote > blockquote > p {
    background: #3a1a1a !important;
    color: #f0a0a0 !important;
}

.dark-mode blockquote > blockquote > blockquote > blockquote > blockquote > p {
    background: #1a2a3a !important;
    color: #a8d4f0 !important;
}

.dark-mode blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > p {
    background: #1a2a1a !important;
    color: #a8e0a8 !important;
}

.dark-mode blockquote > blockquote > blockquote p {
    color: #c8ced8 !important;
}

/* Dark - Tabs (programlama dili örnekleri) */
.dark-mode .tabs-wrapper {
    background-color: #1e2433 !important;
}

.dark-mode .tabs-wrapper .tabs-nav {
    background-color: #252b3d !important;
    border-bottom-color: #3a4560 !important;
}

.dark-mode .tabs-wrapper .tabs-nav li a {
    color: #a0a8b8 !important;
    background-color: transparent !important;
}

.dark-mode .tabs-wrapper .tabs-nav li a:hover {
    color: #d0d8e8 !important;
    background-color: #2d3548 !important;
}

.dark-mode .tabs-wrapper .tabs-nav li.current a,
.dark-mode .tabs-wrapper .tabs-nav li.active a {
    color: #e8ecf4 !important;
    background-color: #1e2433 !important;
    border-color: #3a4560 !important;
}

.dark-mode .tabs-wrapper .tabs-content {
    background-color: #1e2433 !important;
    border-color: #3a4560 !important;
}

.dark-mode .tabs-wrapper .tabs-content .tab-panel {
    background-color: #1e2433 !important;
}

.dark-mode .tabs-wrapper.ui-theme-default .tab {
    border-color: #3a4560 !important;
    background-color: #1e2433 !important;
}

.dark-mode .tabs-wrapper.ui-theme-default .tab-title {
    background-color: #252b3d !important;
    border-color: #3a4560 !important;
    color: #a0a8b8 !important;
}

.dark-mode .tabs-wrapper.ui-theme-default .tab-title:hover {
    background-color: #2d3548 !important;
    color: #d0d8e8 !important;
}

.dark-mode .tabs-wrapper.ui-theme-default .tab-title.active {
    background-color: #1e2433 !important;
    color: #e8ecf4 !important;
    border-bottom-color: #1e2433 !important;
}