/* assets/style.css (Eklenecek veya Güncellenecek Stiller) */
:root {
    --bg-main: #000000; 
    --bg-content: #16181C; 
    --border-color: #2F3336;
    --text-primary: #F6C4D3; 
    --text-secondary: #DDA0B4; 
    --accent: #EC4899;
    --accent-hover: #FBCFE8;
    --success: #10B981;
}
body { 
    font-family: 'Inter', sans-serif; 
    background-color: var(--bg-main); 
    color: var(--text-primary); 
    padding-bottom: 80px; /* Mobil alt navigasyon için boşluk */
}
@media (min-width: 768px) { 
    body { padding-bottom: 0; } 
}
.nav-link.active { 
    color: var(--accent); 
    font-weight: 700; 
}
.nav-link.active i {
    color: var(--accent);
}
.like-btn.liked i,
.like-btn.liked span { 
    color: var(--accent); 
}
.pagination a, .pagination .current { 
    display: inline-block; 
    padding: 8px 16px; 
    margin: 0 4px; 
    border-radius: 8px; 
    text-decoration: none; 
    transition: background-color 0.2s; 
}
.pagination a { 
    background-color: #374151; 
    color: white; 
}
.pagination a:hover { 
    background-color: var(--accent); 
}
.pagination .current { 
    background-color: var(--accent); 
    color: white; 
    font-weight: bold; 
}
.prose { color: var(--text-secondary); }
.prose h1, .prose h2, .prose h3, .prose strong { color: var(--text-primary); }
.prose a { color: var(--accent); text-decoration: underline; }
details > summary { list-style: none; }
details > summary::-webkit-details-marker { display: none; }
details[open] .details-arrow { transform: rotate(180deg); }
.clipboard-notice { transition: opacity 0.3s ease-in-out; }

/* --- PANEL MOBİL TASARIM İYİLEŞTİRMELERİ --- */
.panel-sidebar {
    transition: transform 0.3s ease-in-out;
}
@media (max-width: 767px) {
    .panel-sidebar {
        transform: translateX(-100%);
        position: fixed;
        left: 0;
        top: 0;
        height: 100%;
        z-index: 40;
    }
    .panel-sidebar.open {
        transform: translateX(0);
    }
    .sidebar-overlay {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: rgba(0, 0, 0, 0.5);
        z-index: 30;
        opacity: 0;
        transition: opacity 0.3s ease-in-out;
        pointer-events: none;
    }
    .sidebar-overlay.open {
        opacity: 1;
        pointer-events: auto;
    }
}