/* ========== TOPBAR - RESPONSIVE ========== */

header {
    background: white;
    border-bottom: 1px solid #f0f0f0;
    position: sticky;
    top: 0;
    z-index: 30;
}

/* ===== Responsive ===== */

/* موبایل (< 768px) */
@media (max-width: 767px) {
    header {
        padding: 12px 16px;
    }

    header h1 {
        font-size: 16px;
    }
}

/* تبلت (768px - 1023px) */
@media (min-width: 768px) and (max-width: 1023px) {
    header {
        padding: 14px 24px;
    }
}

/* دسکتاپ (>= 1024px) */
@media (min-width: 1024px) {
    #sidebarToggle {
        display: none !important;
    }
}