/*
Theme Name: Wiki Medical
Author: Dr. Semahattin Serkan Sezer
Description: medical Wiki Theme
Version: 2.6
*/

:root {
    --mw-bg: #f8f9fa;
    --mw-content-bg: #ffffff;
    --mw-border-color: #eaecf0;
    --mw-primary-color: #000000;
    --mw-text-color: #202122;
    --header-height: 60px;
    --sidebar-width: 250px;
}

/* Her şeyi kutu içine al, taşmaları engelle */
* { box-sizing: border-box; }

body {
    background-color: var(--mw-bg);
    color: var(--mw-text-color);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    margin: 0;
    line-height: 1.6;
    overflow-x: hidden;
}

/* --- HEADER --- */
.mw-header {
    background: #fff;
    height: var(--header-height);
    border-bottom: 1px solid var(--mw-border-color);
    display: flex;
    align-items: center;
    position: sticky;
    top: 0;
    z-index: 1000;
    padding: 0 15px;
    width: 100%;
}
.mw-header-start { display: flex; align-items: center; min-width: 200px; }
.mw-header-content { flex-grow: 1; display: flex; justify-content: center; }
.mw-header-end { display: flex; align-items: center; }

/* Logo & Arama */
.mw-logo img { max-height: 45px; margin-right: 10px; width: auto; }
.site-text-logo { font-size: 1.3em; font-weight: bold; color: #000; text-decoration: none; }
.mw-search-form { max-width: 450px; width: 100%; }
.mw-search-input-wrapper { display: flex; border: 1px solid #cccedb; border-radius: 8px; overflow: hidden; background: #fff; }
.mw-search-input-wrapper input { border: none; padding: 8px 12px; width: 100%; outline: none; }
.mw-search-input-wrapper button { background: transparent; border: none; cursor: pointer; padding: 0 12px; }

/* Menü Toggle Button (MASAÜSTÜNDE GİZLE) */
.mw-checkbox-hack-button { 
    background: none; 
    border: none; 
    cursor: pointer; 
    padding: 10px; 
    margin-right: 10px; 
    display: none; /* Varsayılan olarak gizli (Masaüstü) */
    flex-direction: column; 
    gap: 4px; 
    z-index: 1001; 
}
.mw-checkbox-hack-button span { display: block; width: 18px; height: 2px; background-color: #000; }

/* --- GRID SİSTEMİ --- */
.mw-page-container {
    display: grid;
    grid-template-columns: var(--sidebar-width) minmax(0, 1fr) 200px; /* Sidebar | İçerik | Sağ Boşluk */
    max-width: 1600px;
    margin: 0 auto;
    min-height: calc(100vh - var(--header-height));
    transition: all 0.3s ease;
}

/* --- SIDEBAR --- */
.mw-sidebar { 
    padding: 20px; 
    border-right: 1px solid var(--mw-border-color); 
    background: #fff; 
    font-size: 0.9em; 
    overflow-y: auto; 
    height: calc(100vh - 60px); 
    position: sticky; 
    top: 60px;
}
.vector-menu-content-list { list-style: none; padding: 0; margin: 0; }
.vector-menu-content-list li a { display: block; padding: 8px 0; color: #000; text-decoration: underline; font-weight: bold; }
.vector-menu-content-list li a:hover { text-decoration-thickness: 2px; background-color: #f0f0f0; }

/* --- İÇERİK --- */
.mw-content { background: var(--mw-content-bg); padding: 30px 50px; border-right: 1px solid var(--mw-border-color); }
.mw-content-container { max-width: 100%; }
.mw-content img { max-width: 100%; height: auto; }

h1.firstHeading {
    font-family: 'Linux Libertine', 'Georgia', serif; font-weight: 400; font-size: 2.2em;
    border-bottom: 1px solid #a2a9b1; padding-bottom: 5px; margin-top: 0; line-height: 1.3;
}

/* Linkler */
a { color: #000; text-decoration: underline; }
a:hover { text-decoration-thickness: 2px; }
#bodyContent a { color: #000 !important; font-weight: 700 !important; text-decoration: underline !important; text-decoration-thickness: 1px; }
#bodyContent a:hover { text-decoration-thickness: 2px; background-color: #f0f0f0; }

/* SEKMELER (SCROLLBAR GİZLENDİ) */
.vector-tabs { 
    display: flex; 
    list-style: none; 
    padding: 0; 
    margin-bottom: 20px; 
    border-bottom: 1px solid #a2a9b1; 
    overflow-x: auto; 
    overflow-y: hidden;
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* IE/Edge */
}
/* Chrome/Safari için scrollbar gizle */
.vector-tabs::-webkit-scrollbar { display: none; }

.vector-tabs li { margin-bottom: -1px; margin-right: 5px; flex-shrink: 0; }
.vector-tabs li a { display: block; padding: 10px 15px; text-decoration: underline; color: #000; font-weight: bold; }
.vector-tabs li.selected a { background: #fff; border: 1px solid #a2a9b1; border-bottom-color: #fff; text-decoration: none;}

/* Bileşenler */
.catlinks { margin-top: 20px; padding: 10px; background: #f8f9fa; border: 1px solid #eaecf0; font-size: 0.9em; }
.catlinks a { color: #000 !important; font-weight: bold !important; text-decoration: underline !important; }

/* Kategori Arşiv Listesi */
.mw-archive-list { list-style: disc; padding-left: 20px; margin-top: 20px; }
.mw-archive-list li { margin-bottom: 10px; font-size: 1.1em; }

.mw-author-box { display: flex; align-items: center; margin-top: 40px; padding: 20px; background-color: #f8f9fa; border: 1px solid #eaecf0; border-radius: 6px; }
.mw-author-avatar img { border-radius: 50%; margin-right: 15px; }
.mw-author-info h4 { margin: 0 0 5px 0; font-size: 1.1em; }
.mw-author-info p { margin: 0; font-size: 0.9em; color: #666; }

.mw-share-buttons { display: flex; gap: 12px; margin-bottom: 25px; align-items: center; border-bottom: 1px solid #eee; padding-bottom: 15px; flex-wrap: wrap;}
.mw-share-buttons a { color: #54595d; display: flex; width: 24px; height: 24px; text-decoration: none !important;} 
.mw-share-buttons a:hover { color: #000; }

.mw-topic-navigation { display: flex; justify-content: space-between; margin-top: 50px; padding-top: 20px; border-top: 1px solid #eaecf0; gap: 10px; }
.mw-topic-navigation .nav-previous, .mw-topic-navigation .nav-next { width: 48%; }
.mw-topic-navigation a { 
    display: block; background: #fff; border: 1px solid #eaecf0; padding: 20px 25px; border-radius: 8px; 
    text-decoration: none !important; color: #222 !important; font-weight: bold; font-size: 1.1em;
    box-shadow: 0 2px 5px rgba(0,0,0,0.03); transition: all 0.2s;
}
.mw-topic-navigation .nav-next a { text-align: right; }
.mw-topic-navigation a:hover { background: #f8f9fa; border-color: #999; transform: translateY(-2px); }

.mw-comments-area { margin-top: 60px; padding-top: 30px; border-top: 1px solid #eaecf0; }
#respond { background: #f8f9fa; padding: 25px; border-radius: 8px; border: 1px solid #eaecf0; }
.comment-form input, .comment-form textarea { width: 100%; padding: 10px; margin-bottom: 15px; border: 1px solid #ccc; background: #fff; }
.form-submit input { background-color: #000; color: white; border: none; padding: 10px 25px; border-radius: 20px; font-weight: bold; cursor: pointer; text-decoration: none;}

/* --- MOBİL UYUMLULUK --- */
@media (max-width: 1000px) {
    /* Mobilde Butonu Göster */
    .mw-checkbox-hack-button { display: flex; }

    .mw-page-container { 
        grid-template-columns: 1fr; 
        display: block; 
    }
    
    /* Off-canvas Menü */
    .mw-sidebar { 
        position: fixed; 
        top: 60px; 
        left: -260px; 
        width: 250px; 
        height: calc(100vh - 60px); 
        z-index: 1002; 
        border-right: 1px solid #ccc; 
        transition: left 0.3s ease; 
        box-shadow: 2px 0 5px rgba(0,0,0,0.1);
        display: block !important; 
    }

    body.sidebar-open .mw-sidebar { left: 0; }
    
    .mw-content { padding: 15px; border: none; }
    .mw-header-start { min-width: auto; }
    .mw-header-content { display: none; } 
}

/* Print */
@media print {
    .mw-header, .mw-sidebar, .mw-share-buttons, .mw-topic-navigation, 
    .mw-comments-area, .vector-tabs, .catlinks, .mw-related-content, #sidebar-toggle, footer { display: none !important; }
    body { background: #fff; color: #000; font-size: 12pt; }
    .mw-page-container { display: block !important; margin: 0 !important; border: none !important; }
    .mw-content { display: block !important; width: 100% !important; margin: 0 !important; padding: 0 !important; border: none !important; }
    .mw-author-box { border: 1px solid #000; background: none; page-break-inside: avoid; }
    a[href]:after { content: none !important; }
}