/* ═══════════════════════════════════════════════════════
   Demo Modu Override'ları
   Demo banner: position:fixed üstte (40px), sidebar + main onun altında.
   Sidebar normal yan-bar (solda, 240px).
   ═══════════════════════════════════════════════════════ */

/* Demo banner yüksekliği değişkeni */
:root {
    --demo-banner-h: 40px;
}

/* Sidebar — banner yüksekliği kadar aşağı kay */
body.demo-mode .micro-sidebar {
    top: var(--demo-banner-h);
    height: calc(100vh - var(--demo-banner-h));
}

/* Ana içerik — sidebar normal margin-left:240px, ek olarak üstten padding */
body.demo-mode .micro-main {
    padding-top: var(--demo-banner-h);
}

/* Mobil — banner biraz büyür */
@media (max-width: 768px) {
    :root {
        --demo-banner-h: 50px;
    }
}